Interactive Online Store (User Interface Design)
Completed on 18/8/2020
This project required me to build an online store user interface for fake company 'ABC Urban Farm' that sells locally grown herbs and vegetables (which I have to build the profile for as well). The overall objective was to assess how well we understood all the UI design principles, patterns and techniques and how we could implement them to provide end-users with a great user experience.
Prerequisites given to be considered complete:
1) Responsive user interface
2) User Interface that incorporates good design principles and practice
3) UI design elements that support the user to:
- Search and browse items of their choice
- Customise their shopping list
- Order items of their choice
- Choose their delivery time based on 'available schedule'
-
Part 1/3: Documentation & Justification
Includes:
- Sitemap (ensuring the relevant information is displayed and considering the order and placement of this info)
- Justification (through concepts of usability heuristics and UI design principles)
- Wireframes (figuring out the layout and flow of the content)
- UX Flow & Mock-ups (Showing how the user could possibly use the website to achieve their desired goal)
Wireframes
*Red bars represent grids (grid system is a great way to ensure layout is neat by giving you constraints)
UX Flow & Mock-ups
Showing both the desktop and mobile versions respectively
-
Part 2/3: UI Prototype
Includes:
- Both desktop and mobile versions
- Interactive
- Video Demo
- All content is legitimate (i.e no dummy text and placeholder images)
-
Part 3/3: Style Guide
Includes:
- Style guide containing all visual aspects (colours, typefaces, UI elements, interactions)
- UX components documentation
-
Thank you for viewing this project !
Sincerely, Braxton
