Coffee Nearby
App design of a coffee shop finder app for coffee lovers.
Role: UX/UI Design Intern @Product Savvy
Tools: Figma, Online UX/UI Course
Final Designs
Login 2x, Registration, Product Details 2x, Profile, List View 2x, Card View
Popup 2x, Toast, Map 2x, Shop, Hamburger Menu, Tab Bar 2x
My Process
Coffee Nearby
Began by learning design rules, recommendations, strategies, principles, and methods from a Figma UI tutorial course
Why: To take note of design principles and to have a knowledgeable basis to start designing from
Used the block framing method learned from the course to regulate spacing and hierarchy
Why: To create efficient hierarchy and organization in my design
Chose the theme of my coffee app and began designing based off of the rules, principles, and methods I learned from the UI course
Why: To begin designing my app with methods that will set the design up for consistency and success
Successfully designed many variations of different app pages for Coffee Nearby
Why: To display my learnings from the UI course in my Coffee Nearby designs
