- Case Study
Romero : Responsive Portfolio Website for Digital Product Designer
Business Industry
Portfolio
Revenue Increase
$122k
Project Duration
2 Weeks
🧠 Project Overview
This project involved designing a modern, user-centric digital product for a growing SaaS startup focused on simplifying service bookings. The goal was to create a clean, intuitive experience across web and mobile platforms that would streamline the user journey, increase conversions, and reflect the brand’s evolving identity.
As the lead UI/UX designer, I was responsible for the entire design process—from research and wireframing to high-fidelity interface design and prototyping. The final product delivered a seamless, responsive experience, optimized for performance and ready for smooth development handoff.
🧩 The Challenge
Users struggled to book services efficiently due to cluttered interfaces and poor user flow. The client needed a clean, user-centered solution to reduce drop-offs and improve engagement.
🔍 UX Research
- Stakeholder interviews / user interviews
- Competitor analysis
- User journey mapping
- Pain points & opportunities
Example : We conducted usability tests and found 70% of users dropped off during the second step of booking due to unclear navigation.
✍️ UX Strategy
- Defining user personas
- Crafting user flows
- Information architecture
- Wireframes & low-fidelity prototypes
Example : We streamlined the booking process into 3 steps, reducing friction and boosting clarity for first-time users.
🎨 Style Guide
1. Brand Colors
2. Typography
Font Family : Raleway (Regular, Medium, Semibold)
3. Buttons
🎨 UI Design
- Visual direction / moodboard
- Design system / components
- High-fidelity mockups
- Mobile & responsive layouts
🧪 Prototype & Testing
- Micro-interactions
- Clickable prototypes (Figma, InVision)
- UX writing and CTA testing
- Accessibility considerations
🛠️ Development Collaboration
- Dev handoff (Figma Inspect, Zeplin)
- Asset export
- Responsive testing guidelines
- Design QA
🔧 Tools Used
Maze
for testing
