Project Overview

Client: Novio.ro – a retailer of kitchen products.

Challenge:
The existing website lacked a user-centric approach and did not adhere to best practices, resulting in poor usability and low user engagement.

Objective:
Redesign the website to align with user needs, enhance the overall user experience, and meet modern UI/UX standards.

The Problem

The original Novio.ro website suffered from several critical issues:

• Lack of a User-Centric Design Approach: The site was not built around the needs and behaviors of its users.

• Poor Usability and Accessibility: Users found it difficult to navigate and interact with the website.

• Non-Compliance with UI/UX Best Practices: The design failed to incorporate established guidelines and standards.

• Ineffective Layout: The structure hindered user navigation and made the purchasing process cumbersome.

These issues collectively led to decreased user satisfaction and negatively impacted conversion rates.

My Approach

To address these challenges, I implemented a structured, user-focused design process:

Competitor Analysis

• Comprehensive Evaluation: Conducted an in-depth analysis of key competitors in the kitchen products market.

• Identification of Gaps: Determined industry best practices and identified shortcomings in Novio.ro’s current design.

User Research

• User Persona Development: Defined a detailed user persona to represent the typical novio.ro customer.

• User Journey Mapping: Analyzed the user journey to pinpoint pain points and critical decision-making moments.

Information Architecture

• User Flowchart: Created a detailed flowchart to optimize the journey from the landing page to checkout.

• Sitemap Development: Designed a logical sitemap to ensure content is organized for intuitive navigation.

Design Execution

• New Logo Creation: Developed a fresh, modern logo that encapsulates Novio.ro’s brand values and vision.

• Color Scheme: Developed a modern and appealing color palette that reflects the brand’s identity and instills trust.

• Typography: Selected clean, legible fonts to enhance readability and convey a professional tone.

• Wireframes: Crafted low-fidelity wireframes to outline the layout and structure of key pages.

• High-Fidelity Designs: Produced polished, high-end designs that balance aesthetics with usability.