E-commerce for mobile services
UI/UX DESIGN
The previous website suffered from significant navigational issues, ambiguous, and non-functional banners, necessitating a complete re-evaluation of the entire site structure and user experience. Our redesign focused heavily on clarifying the navigation and prominently featuring the mobile phone repair service section to address a key business need.
To establish a strong foundation, I was comprehensively audited the existing product, involving a deep analysis of user reviews and support tickets to pinpoint recurring pain points and areas for improvement. This data, combined with insights from user behavior and feedback, was synthesized to define key user personas, map core business elements, and outline user flows. Furthermore, a thorough competitor analysis was conducted to benchmark UX patterns and identify viable opportunities for product differentiation.
As a member of the Makasa Digital DEV team, my primary role was managing the design processes and conducting essential UX research to drive this structural and functional overhaul.
I conducted an independent competitive analysis of mobile repair websites in the Varna region. The research highlighted key UX issues and revealed opportunities to improve navigation, clarity, and overall trust in Greenline Mobile’s interface.
EPIC 1: As a user, I want to schedule a repair appointment online, so I don’t waste time waiting in-store.
EPIC 2: As a customer, I want to see clear prices and service details upfront.
I focused on making the site immediately intuitive by using clear, consistent labels and navigation menus that users are already familiar with. This approach ensures users can instantly recognize where to go, making it easy for them to find content..
This section highlights the key challenges discovered throughout the project and the solutions that shaped a clearer, more intuitive user experience.
Poorly Designed Product Cards: The product cards were visually inconsistent and lacked structure, making it hard for users to scan information or compare items. I redesigned the product cards with a clean layout that highlights key details such as product image, name, price, and main specifications.
The improved design enhances readability, creates a stronger visual rhythm, and aligns with the overall brand style.
The original website lacked a cohesive visual identity. Fonts, colors, and button styles were inconsistent across pages, creating a confusing and unprofessional user experience. To solve this, I developed a unified design system with a consistent color palette, typography hierarchy, and reusable UI components. This not only improved the site’s aesthetics but also made it easier to maintain and scale in the future
Users struggled to find what they were looking for due to a cluttered layout and poorly structured navigation. Important links were hidden or duplicated, leading to frustration and drop-offs. I redesigned the navigation system with a clear hierarchy and simplified menu structure. Key pages are now easily accessible within one or two clicks, improving both usability and conversion rates.
Customers were uncertain about what types of phone repair services the physical store actually offered. The lack of clarity made it hard to make decisions, and booking a repair appointment was unnecessarily complicated. I introduced a dedicated Services page with clear service categories, descriptions, and visuals.
Additionally, I implemented an interactive price calculator to give users an estimated repair cost before booking.
The design system became a single source of truth for the design and development teams.