Nicoletti website UX/UI redesign
Nicoletti
The Challenge
Nicoletti, a well-established furniture brand, needed a website capable of communicating quality and reliability through a more modern digital experience. The initial analysis revealed key issues in navigation, content structure, and visual impact.
This led to a cyclical design → validate → iterate process aimed at redefining the information architecture and creating a more intuitive and user-friendly website.
WHAT I DID FOR THIS PROJECT
Research
I analyzed user behaviors, competitors, and industry trends to understand how to effectively present the brand and its products. This phase helped identify usability issues and define a clear, content-driven design direction.
Wireframes
I designed low-fidelity wireframes to define the site structure, user flows, and access to the reserved area. This step allowed me to validate navigation and content hierarchy before moving to visual design.
Visual Design
I created a clean and refined interface that enhances product storytelling while staying true to the brand identity. The visual system focuses on clarity, consistency, and intuitive elements to support both users and agents.
Usability Testing
I tested interactive prototypes to evaluate user flows, navigation, and content clarity across different sections of the site. This step allowed me to validate usability issues and refine key interactions before moving to final delivery.
USER RESEARCH
User research helped identify users’ needs, behaviors, and expectations through qualitative insights and pattern analysis.The findings guided design decisions, leading to clearer flows and a more intuitive, user-centered experience.
Mark
Mark faces a problem when navigation feels generic or key content is buried, making it hard to understand the company’s value. The solution is a clearer, more structured navigation that highlights important information and brand offerings.
Julia
Julia experiences a problem when key information isn’t immediately accessible, causing him to question the brand’s credibility. The solution involves reorganizing content and improving layout clarity to reinforce trust and expertise.
Albert
Albert encounters a problem when inconsistent layouts and unclear visual hierarchy reduce engagement. The solution is a visually coherent, modern design that clearly communicates professionalism and brand identity.
STYLE GUIDE
The style guide defines a clear visual system through typography, color palettes, and reusable components, shaping a clean and contemporary user experience.
It provides a solid foundation to ensure visual consistency and coherence across all touchpoints of the project.
White
Hex Color Code: #ffffff
White Echo
Hex Color Code: #E9E9E9
Dark Grey
Hex Color Code: #333333
Mobile experience
The new website was designed with a mobile-first approach, ensuring a fully responsive and highly performant interface. The reorganization of information improves readability, simplifies access to the main categories, and reduces the number of steps required to reach key content. Thanks to optimized assets, loading times are significantly faster and the overall experience feels smoother and more efficient.
Interactions and animations
To make the interaction more natural and engaging, I integrated subtle, purposeful micro-animations, soft transitions, intuitive hover states, and small visual cues that guide users without overwhelming the layout. These details reinforce the brand identity and help users better understand the interface, improving both product perception and navigation flow.
Results
The project resulted in a fully renewed website that feels modern, elegant, and aligned with the brand’s identity. A clean interface, smoother navigation, and a clearer information structure have significantly improved the user experience. Thanks to the design → validate → iterate approach, the new Nicoletti website delivers a contemporary, intuitive, and high-standard digital experience.
