UI Design
This is a selection of mockups that I designed for Ciaochat, a non-existent messaging app, and graesmagazine.com, the official website of the indie magazine that I publish yearly.
Design a...
Signup Page
The task was to create a signup page. No other info was given, so I decided to invent an app.
Ciaochat is a messenger app similar to Whatsapp, except it is used only by Italian speakers and learners around the world. The name CiaoChat is a combination of ciao (both 'hey' and 'bye' in Italian) and chat (the whole function of the app).
Some features could include 1.) Italian autocorrect to help learners (and fast-typing native speakers) with spelling and 2.) a sort of 'Italian Grammarly' that suggests better phrasing to learners.
The color scheme of this signup page was taken directly from the Italian flag (except for the black writing).
The first thing one sees is probably the green and red logo because it's basically looking and smiling at you. It's an emoji that's been made into a speech bubble (or it could be seen as a comma, which would also be a reference to texting). The placement of a second focal point will bring the eye of the user down to the bottom of the screen, but on their way down, they will, of course, see the fields that need to be filled out. The 'start chatting' button should be pressed in order to finish signing up.
Alternatively, the user can simply click the Facebook or Google icons to sign up through one of those platforms.
If the user already has a profile, a message will appear after clicking 'Start Chatting' to remind them of that. And if the user realizes before clicking 'Start Chatting' that they already made a profile, they can simply click the 'Log in' link highlighted in green at the bottom of the screen.
Every element of this design is centered in order to maintain a smooth 'eye flow' for the user. They must simply look up and down and it isn't necessary to search unnecessarily for buttons or 'action options'.
Signup Page
The task was to create a signup page. No other info was given, so I decided to invent an app.
Ciaochat is a messenger app similar to Whatsapp, except it is used only by Italian speakers and learners around the world. The name CiaoChat is a combination of ciao (both 'hey' and 'bye' in Italian) and chat (the whole function of the app).
Some features could include 1.) Italian autocorrect to help learners (and fast-typing native speakers) with spelling and 2.) a sort of 'Italian Grammarly' that suggests better phrasing to learners.
The color scheme of this signup page was taken directly from the Italian flag (except for the black writing).
The first thing one sees is probably the green and red logo because it's basically looking and smiling at you. It's an emoji that's been made into a speech bubble (or it could be seen as a comma, which would also be a reference to texting). The placement of a second focal point will bring the eye of the user down to the bottom of the screen, but on their way down, they will, of course, see the fields that need to be filled out. The 'start chatting' button should be pressed in order to finish signing up.
Alternatively, the user can simply click the Facebook or Google icons to sign up through one of those platforms.
If the user already has a profile, a message will appear after clicking 'Start Chatting' to remind them of that. And if the user realizes before clicking 'Start Chatting' that they already made a profile, they can simply click the 'Log in' link highlighted in green at the bottom of the screen.
Every element of this design is centered in order to maintain a smooth 'eye flow' for the user. They must simply look up and down and it isn't necessary to search unnecessarily for buttons or 'action options'.
Design a...
Checkout Page.
This is a checkout page for GRÆS Magazine.
Checkout Page.
This is a checkout page for GRÆS Magazine.