The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
š Course 5 Complete: Create High-Fidelity Designs and Prototypes in Figma
I have officially completed the 5th course of the Google UX Design Professional Certificate!
For this milestone project, I designed Boutique Coffee House ā a mobile ordering app created to solve long wait times, simplify custom beverage orders, and enable instant promo redemptions.
Key Outcomes & Skills Mastered:
ā¢ Building high-fidelity mockups and interactive prototypes in Figma.
ā¢ Conducting unmoderated usability testing to iterate based on direct feedback.
ā¢ Implementing strong visual hierarchy, contrast, and accessibility standards.
Boutique Coffee House as the milestone project ties everything together nicely. The unmoderated usability testing and iterating on direct feedback is the skill that will pay off most in real client work.
ā¢ 14h
Thank you so much, Timothy! I completely agree, testing and iterating based on real user feedback was definitely the most insightful part of this project. Appreciate your encouraging words!
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Excited to share my latest design project: New Bones šļø
New Bones is a furniture e-commerce landing page designed to make discovering home items and exploring decor trends completely seamless. The main focus was to break down complex online shopping layouts into a clean, minimal, and frictionless user journey.
From smooth product slider discovery to a transparent trust badge flow, every section is crafted with close attention to clear visual hierarchy and layout consistency.
Check out the full UI/UX case study here! š
Nice focus on simplifying furniture discovery!
Traditional corporate training often feels disconnected from everyday work. Skillio helps bridge that gap with personalized five-minute sessions, job-specific AI simulations, and instant feedback.
The mobile experience supports role-based learning across professions, with interactive chat and voice exercises that recreate realistic workplace situations. A lime-green, lavender, and deep-green palette, bold typography, and a flower-shaped performance chart make progress easy to understand and engaging to explore.
Explore the project on Dribbble:
https://dribbble.com/shots/27808131-Mobile-App-Powered-Employee-Training
Hourfield is a 16-second 16:9 launch film for products that organise people's time: calendars, schedulers, booking and reservation apps, planners. Retype a few short lines, drop in your logo and rename the calendar's days and tiles (meetings, table bookings, classes, shifts): the week re-plans itself on screen and the film lands on your logo lockup. Our second version, MarƩva, a fictional table-booking app, turns the working week into an evening of reservations on the same animation and timing.
Built end-to-end through the SVGator MCP server. The calendar that re-plans its own week, the orbit that swirls into a single dot and the lines centred by their real letter shapes (fonts measured, not eyeballed) were computed in Python and written straight into a live SVGator project as 780 editable keyframes; I directed every note and finished it in the canvas. MarƩva was made the same way, on the same timeline. Everything stays a real layer: 50 live text layers, named elements (headline, logo, product-name, tagline) and one logo image animated in two moments.
Yes, there is a lot to edit: every line of the story, a whole week of calendar tiles, a palette in nine roles. A full rebrand takes longer than five minutes, and that is the honest trade: it shows how much a single SVGator file can carry, and how MCP makes a detailed, story-driven film practical to re-make, not just to watch.
Links:
ā¶ Template (SVGator)
ā¶ Demo video, A ā B
Love the smooth flow and the text animation! Good luck!
