The Stuff Uniform E-commerce App Case Study
About the project
Client wanted a nice & clean looking E-commerce app which follow the main theme of his E-Commerce Website. It should be user friendly & to the point. User experience must be maintained properly. Should follow the main colour theme of the existing e-commerce website as well.
Number of Pages : 23
Time fame : 4 Weeks
About the company
Here at The Staff Uniform Company we take great pride in what we do. We are a family run business that specialises in the supply of Staff Uniforms, Corporate Clothing and Workwear as well as uniform embroidery and personalisation. Each year we supply uniforms to thousands of UK businesses of all sizes from individual wearers and small companies right through to global brands. We offer the best quality garments at competitive prices whilst still maintaining the highest levels of customer service and support to our clients.
Objective
> Design a clean & smart UI
> Follow the basic e-commerce app structure
> Use clear & visible typography
> Create pixel perfect prototype
> Use best colour grading
Work Process
Some behind the scene works
User flow diagram
I created this user flow diagram to show the working principle of the application. It helped me to create the prototype. This is a part of initial planning that how would be the app look like. It will also help the developer to code the app in different platform.
Information Architecture
Information architecture gives a detail information about the project. This is the structural design of information to organize the project perfectly. Its very import to get a a clear cut direction of any project.
Paper Prototyping
My 1st and most important step of starting a project is brainstorming the ideas using pencil &paper. This one of the easier and most effective way to make the planning of any project. I sketch different ideas and then I research on them. After proper analysis I picked the key ideas. This is the part which I enjoy most in every project.
Typography
I used Roboto font family mainly. This is one of the most elegant & clean fonts that go with this application type. Typography consistency also exists all over the design.
Colour Palette
Based on research I used four basic colours which represent trust, safety, care & satisfaction.
UI Design of Screens
Initial Prototyping
