Romero – Responsive Portfolio Website for Digital Product Designer

🧠 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: usability tests showed 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
• Streamlined the booking process into 3 steps, reducing friction and boosting clarity for first-time users.

Brand Colors

Typography — Raleway

Buttons

🎨 UI Design

• Visual direction / moodboard
• Design system / components
• High-fidelity mockups
• Mobile & responsive layouts

Final UI

🧪 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