chatter box
Chatter box is a messaging app. I wanted to created an interface that had all of the features one would use for a messaging app. I first designed a sign in page which gave the user the options to either log in, or to create an account. I thing made a create account page that would allow the user to put in their information. I then moved on to the messages and messaging page, friends page, account page, and settings page. The software used to create the project was figma and adobe illustrator.
Interactive Prototype
Initial Sketches
The sketches below include the basic layout of the app. I wanted to visualize what I wanted the app to look like, but I also wanted to not stick to a solid idea just in case I were to change some things while creating the wireframe in figma.
Wireframe
Once I was done with the sketches, I created the wireframe in figma.
Wireframe Redesigned
This is the wireframe I created earlier now with the images and overall aesthetic. Click the button below to the PDF.
Logo and Buttons
The logo and all the buttons were created in Adobe Illustrator.
Final Prototype
