MANAR
In this project, i focused on the fashion industry and what it can provide in online service in terms of UI design rather than UX as UI is just as important in terms of usability.
01
Inspiration
To start UI design I needed to gather inspiration and decide what kind of aesthetic I was aiming for to support the products I was to sell. There is a stark difference between high end fashion and street fashion.
02
Font/colour scheme
After deciding what kind of fashion UI I wanted to work with e.g. streetwear. I needed to create a font to support my aesthetic as well as a color scheme. Once I decided on my font I created my name e.g. MANAR. I then saw that bright colours were the most commonly used for streetwear sites.
03
Logo design
Once the font and color schemes are established we can include a brand logo with the chosen colors I based my chosen colors on the most popular colors of the year as well as gender association. These were sage green, pastel pink, and toffee brown. These colors will attract a fresh female audience.
04
Navigation/Design Protocol
I then started to create symbols, button states, galleries, nav bars, text sizes, font displays, etc. created so that I could go back to these when creating my UI and have consistency in my service. Consistency is the key to usability when it comes to designing.
05
UI design of MANAR Laptop
I then started my design of MANAR in the format of a webpage. These include home pages. clothing pages, wishlists, account settings, baskets, sales, etc.
MANAR UI
The design of MANAR.com
06
UI design of MANAR Iphone
I then started my design of MANAR in the format of a webpage. These include home pages. clothing pages, wishlists, account settings, baskets, sales, etc.
