UI/UX Skandi Furniture
UI, UX, diseño web, branding
OVERVIEW
Over the Skillshare UX Course with Adobe XD I was given a brief to design a responsive e-commerce site and an app for a furniture company called SKANDI. The logo was provided by the author of the course, Dan Scott.
The Client
The brief included a provisional description of the persona. Our persona is called Katherine, she lives Dublin, earns 110,000k, is 57 years old and now that her children left the house, she wants to renovate the decoration of her house. She loves natural and nordic style design and uses Pinterest to collect all the decoration ideas. She prefers quality over price.
The Challenge
Create a website for desktop and mobile, plus an app where the users can buy and collect decoration ideas.
Methods
User interviews, Contextual inquiry, Card sorting, Affinity mapping, User flow, Paper Prototyping, Wireframes, Usability testing.
Tools
Adobe XD, Adobe Illustrator, Adobe Photoshop.
My Role
UI and UX Design.
RESEARCH
Research Goals
In order to understand better the market, I settled the following goals in order to proceed with the research:
- Define the niche of the client.
- Check the current trends of the product.
- Understand the flow of a potential buyer: how do they search for furniture, and why they decided for a particular one. Does it come from a need or is it a personal treat?
- Determine thus the user’s needs and frustrations.
- Understand how users share product information between their social circle.
Competitor Analysis
Affinity Diagram
I interviewed four people and collected their ideas and feelings linked to the experience of decorating and buying furniture for their homes. They are women between 31 and 74 years old.
Final Insights:
- Users value quality over price.
- Users feel the experience of buying furniture as a personal treat and to feel better. Their current emotional status is crucial.
- Style and design wins over price if it is attractive enough.
- They are looking for practical furniture, eco & animal friendly.
- Normally is a woman who decides more about the furniture and home deco.
Persona
After gathering the qualitative data, I created Katherine, the persona for this project.
INFORMATION ARCHITECTURE
Site Map
User Flow
I completed a user flow to imagine the way a user might navigate through the site to achieve their goals. This tool allowed me to ensure that the information was organized in a way that is intuitive to the user.
TEST
Low Fidelity Wireframes
I began the process of wireframing with sketches of the main screens for Skandi, which are the homepage, category page and product page. During this process, I thought about how the layout and content could be structured to satisfy user and business goals in a technically feasible way. The sketches served as a guide for my digital wireframes.
Mid-Fidelity Wireframes
I created a UI requirements document to outline all of the features and elements I wanted to incorporate into the design. Once this was complete, I started creating digital wireframes for the main screens in Adobe XD.
DESIGN
The logo was provided by the tutor of the UX course. I have selected the color scheme, typography and UI Kit.
