Oyriss Home
BRAND STRATEGY | VISUAL DESIGN | UX
Home Decor Store Website Design & Development
Date
Jan 2019 - Present
Role
Founder | Project Manager | UI UX Designer | Brand Strategist | Social Media Manager
Tools
Figma, Shopify, Photoshop
What is Oyriss Home?
Oyriss Home is an Online Store selling home decor goods for customers all over the world.
The challenge was to create a vibrant, customer-oriented website that would make shopping easy and pleasant win the comfort of their own home.
Problem
The target customers of Oyriss Home are located all over the world and lack the time or ability to go to the local home decor store.
Goal
Our goal was to design an engaging, user-oriented website that is easy to navigate and allows customers to enjoy online shopping for their homes.
My role
My role in this project as a UX designer was to take ownership of the websites’ design, from concept to delivery. My responsibilities included: user research, wireframing, prototyping, usability testing, iteration, and development of the final product.
Research
We conducted interviews with target users, then distilled what we learned into actionable steps. We used the insights we discovered to identify pain points our users were experiencing. We entered our research with a set of assumptions, but those assumptions changed as we spoke to real people who deal with the topic we were researching.
Demographics
Users age
Users gender
74.9% Female
25.1% Male
Users country
User personas
Name: Sara
Age: 35
Occupation: Stay-at-home mom
Sara loves to spend her free time buying things online because she has to stay at home and take care of her kids. Her main hobbies are interior design and cooking.
Name: Alexis
Age: 26
Occupation: Personal Assistant
Alexis is a busy woman working at the office. She doesn't have time to go to the stores to look for home goods. She loves watching movies and enjoys evenings at home.
Name: Christian
Age: 29
Occupation: IT Specialist
Christian has to move to another country for work. He rented a new apartment and needs to decorate it. He loves to invite his friends to his place.
Initial designs
Site map
We constructed a site map that helps us in understanding ways users can interact with the product, as well as allowing us to see navigation through user goals.
Wireframing
After sketching out some wireframes and thinking through the preliminary flow, we reviewed what was necessary, unnecessary, and what areas needed improvement. We poured a lot of our time into this step to make sure we had the finishing touches on the underlying UX before moving onto the visuals.
Final designs
Web version
Mobile version
The Challenge
Create a vibrant, customer-oriented website that will make shopping easy and pleasant for people all over the world.
Solution
01
Create a simple layout with natural, two-toned pink nude colors. This will allow the products to be the main focus during user engagement.
Solution
02
Make the product page informative, providing all the information needed before the customer has to think about it.
Solution
03
The majority of the users are accessing the website through their mobile devices, that's why it is absolutely essential to design mobile-first.
Development
After completing the final design and testing high-fidelity prototypes, we started developing a website on the Shopify platform. We created a responsive layout, universal for all types of devices.
Plugins used
Payment Integration
There were several payment providers available in our country. We chose to go with Tap Payments as its interface was the most pleasant for the customer.
Accepted payments
After the launch
After the development of the final website, we evaluated some analytics on sales, customer behavior, acquisition, and marketing.
Acquisition report
Behavior report
Sales report
Social Media presence
Style Guide
Combining together the most pleasant pink nude colors helps to create a cozy atmosphere. A simple yet chic design makes a customer relax and enjoy an online shopping experience.
Colors
HEADER
#B69393
BACKGROUND
#FCF3F3
ACCENTS
#F5E8E8
HEADINGS
#3F3333
TEXT
#FFFFFF
Typography
Logos
Libre Baskerville
