Mock-Up Including: Loading Screen & Home Page
Overview
Project Summary
Another graphic design curriculum staple, specifically in the field of UX/UI, was this E-Commerce Application project for my Interactive Design course. With this one, I was able to walk through the design process of research, initial concepts, wireframes, high-fidelity design and prototyping as well as focus on an area of interest to me.
My Roles
Researcher
Logo & Branding Designer
UX/UI Designer
Timeline
Week 1 - Research, Moodboard & Personas
Week 2 - Logos & Wireframes
Week 3 - Design System & High Fidelity Designs
Week 4 - Prototype
Research & Insights
Challenges
Standing out amidst many competitors
Affordability
Usability & Efficiency for Educators
Important To Include
Colors associated with learning & positivity (green & orange)
Consistent Iconography & Typography
Detailed Descriptions
Home, Search & Product Pages Wireframes
Cart & Check-Out Flow Wireframes
Process
1. Research
2. Logo Sketches
3. Typography & Color Palette
3. Final Logo Design
4. Wireframes & Design System
5. High Fidelity Designs
6. Prototype & Mock-Ups
Initial Logo Sketches
Typography
Color Palette
Final Logo Design
Iconography
Navigation Bars
Completed Prototype Showcasing: Shopping, Searching for an Item, Adding to Cart, Check-Out Flow
Mock-Up Including: Empty Cart, Full Cart, Check-Out Confirmation
