![Frame 72.png](https://static.wixstatic.com/media/c9e51c_1b8f4b3b2d314968ad5e642e454c18d5~mv2.png/v1/fill/w_980,h_476,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/c9e51c_1b8f4b3b2d314968ad5e642e454c18d5~mv2.png)
Oyriss Home
BRAND STRATEGY | VISUAL DESIGN | UX
Home Decor Store Website Design & Development
Timeline
​
2 months
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.
![Screen Shot 2021-10-02 at 8.37.30 PM.png](https://static.wixstatic.com/media/c9e51c_181c90012c0e47fe99b6586272ab071e~mv2.png/v1/fill/w_1090,h_710,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screen%20Shot%202021-10-02%20at%208_37_30%20PM.png)
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
![BEARD12.png](https://static.wixstatic.com/media/c9e51c_36fb78d4fc5a46648ec835a243d9fac3~mv2.png/v1/crop/x_0,y_166,w_1500,h_1169/fill/w_290,h_226,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/BEARD12.png)
Users age
![BEARD18.png](https://static.wixstatic.com/media/c9e51c_22d5696b3709479d8e2082ac311a5fa7~mv2.png/v1/crop/x_0,y_54,w_1500,h_1391/fill/w_290,h_269,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/BEARD18.png)
Users gender
74.9% Female
25.1% Male
Users country
![BEARD14.png](https://static.wixstatic.com/media/c9e51c_8dcdff2a84ef4a4cb16b476c1cd8fd91~mv2.png/v1/fill/w_310,h_310,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/BEARD14.png)
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.
![MacBook Pro - 6.png](https://static.wixstatic.com/media/c9e51c_92a018d627f242ffb747c5faeaeb313f~mv2.png/v1/crop/x_191,y_0,w_2543,h_1653/fill/w_1206,h_784,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/MacBook%20Pro%20-%206.png)
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.
![Frame 2.png](https://static.wixstatic.com/media/c9e51c_8448f88d6a55458fa8e4802891113856~mv2.png/v1/crop/x_3151,y_1104,w_13253,h_11686/fill/w_978,h_862,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%202.png)
![screencapture-oyrisshome-2021-10-02-20_39_54.png](https://static.wixstatic.com/media/c9e51c_47eea2f7b9ef44f2a10f543e15ddcee3~mv2.png/v1/crop/x_0,y_0,w_2880,h_8348/fill/w_289,h_838,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/screencapture-oyrisshome-2021-10-02-20_39_54.png)
![screencapture-oyrisshome-pages-about-2021-10-02-20_40_31.png](https://static.wixstatic.com/media/c9e51c_7d18b11a13f34ad5a311e81e732cb175~mv2.png/v1/crop/x_0,y_0,w_2880,h_4376/fill/w_290,h_441,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/screencapture-oyrisshome-pages-about-2021-10-02-20_40_31.png)
![screencapture-oyrisshome-blogs-oyriss-home-blog-home-decor-guides-and-ideas-2021-10-02-20_](https://static.wixstatic.com/media/c9e51c_d3a4ce35858045ccb6c56ef9b013f90a~mv2.png/v1/crop/x_0,y_0,w_2880,h_3393/fill/w_290,h_342,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/screencapture-oyrisshome-blogs-oyriss-home-blog-home-decor-guides-and-ideas-2021-10-02-20_.png)
![screencapture-oyrisshome-collections-new-products-pink-marble-ceramic-tableware-set-2021-1](https://static.wixstatic.com/media/c9e51c_245dddf19afd408ebb726cd963d83747~mv2.png/v1/crop/x_0,y_0,w_2880,h_5776/fill/w_290,h_582,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/screencapture-oyrisshome-collections-new-products-pink-marble-ceramic-tableware-set-2021-1.png)
![screencapture-oyrisshome-26959183920-checkouts-42214664d05a8b051cd3805d2e254be8-2021-10-02](https://static.wixstatic.com/media/c9e51c_4e26aa69c8cb4e9bad750fb4295e1daf~mv2.png/v1/fill/w_281,h_279,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/screencapture-oyrisshome-26959183920-checkouts-42214664d05a8b051cd3805d2e254be8-2021-10-02.png)
![screencapture-oyrisshome-blogs-contact-us-contact-2021-10-02-20_41_49.png](https://static.wixstatic.com/media/c9e51c_7d1ea55c9c014975ac612c5cae18118d~mv2.png/v1/crop/x_0,y_0,w_2880,h_4283/fill/w_290,h_431,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/screencapture-oyrisshome-blogs-contact-us-contact-2021-10-02-20_41_49.png)
![screencapture-oyrisshome-collections-new-2021-10-02-20_42_28.png](https://static.wixstatic.com/media/c9e51c_eda80e7413f04ffb927315287326d642~mv2.png/v1/crop/x_0,y_0,w_2880,h_5376/fill/w_290,h_541,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/screencapture-oyrisshome-collections-new-2021-10-02-20_42_28.png)
Final designs
Web version
![screencapture-oyrisshome-collections-new-products-pink-marble-ceramic-tableware-set-2021-1](https://static.wixstatic.com/media/c9e51c_9d80061f8e534c8d93417f142c98547e~mv2.png/v1/crop/x_0,y_0,w_586,h_2516/fill/w_187,h_803,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/screencapture-oyrisshome-collections-new-products-pink-marble-ceramic-tableware-set-2021-1.png)
![screencapture-oyrisshome-blogs-contact-us-contact-2021-10-02-20_56_37.png](https://static.wixstatic.com/media/c9e51c_808a9731b2a14dc2b99ca80eef967d26~mv2.png/v1/crop/x_0,y_0,w_586,h_2684/fill/w_189,h_866,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/screencapture-oyrisshome-blogs-contact-us-contact-2021-10-02-20_56_37.png)
![screencapture-oyrisshome-26959183920-checkouts-42214664d05a8b051cd3805d2e254be8-2021-10-02](https://static.wixstatic.com/media/c9e51c_fbc14da07e4847e6a9149e307d0d2ad3~mv2.png/v1/crop/x_0,y_0,w_586,h_2432/fill/w_186,h_772,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/screencapture-oyrisshome-26959183920-checkouts-42214664d05a8b051cd3805d2e254be8-2021-10-02.png)
![screencapture-oyrisshome-account-login-2021-10-02-20_53_38.png](https://static.wixstatic.com/media/c9e51c_036603813ff54ea88f7334732c5f1531~mv2.png/v1/crop/x_0,y_0,w_586,h_1509/fill/w_186,h_479,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/screencapture-oyrisshome-account-login-2021-10-02-20_53_38.png)
Mobile version
![screencapture-oyrisshome-2021-10-02-20_50_32.png](https://static.wixstatic.com/media/c9e51c_f1079cf0599d49cba4b468e14ca7a185~mv2.png/v1/crop/x_0,y_0,w_586,h_2671/fill/w_190,h_866,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/screencapture-oyrisshome-2021-10-02-20_50_32.png)
![Screen Shot 2021-10-02 at 8.53.13 PM.png](https://static.wixstatic.com/media/c9e51c_c970e3145e8e49ffa2ebc3c650cda7a4~mv2.png/v1/fill/w_189,h_408,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screen%20Shot%202021-10-02%20at%208_53_13%20PM.png)
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.
![Screen Shot 2021-10-02 at 9.01.32 PM.png](https://static.wixstatic.com/media/c9e51c_f3c6d9978bbb4bd1abd7625b2c81aab5~mv2.png/v1/fill/w_600,h_300,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screen%20Shot%202021-10-02%20at%209_01_32%20PM.png)
![screencapture-oyrisshome-collections-new-products-pink-marble-ceramic-tableware-set-2021-1](https://static.wixstatic.com/media/c9e51c_245dddf19afd408ebb726cd963d83747~mv2.png/v1/crop/x_0,y_0,w_2880,h_3390/fill/w_508,h_598,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/screencapture-oyrisshome-collections-new-products-pink-marble-ceramic-tableware-set-2021-1.png)
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.
![Frame 66.png](https://static.wixstatic.com/media/c9e51c_377b29046fba4cb68d97a759f2e7003d~mv2.png/v1/fill/w_523,h_593,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%2066.png)
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.
![screencapture-oyriss-myshopify-admin-themes-82973622320-editor-2021-10-02-21_06_41.png](https://static.wixstatic.com/media/c9e51c_9eaf6346b7e046f290bb899c1a6c7555~mv2.png/v1/crop/x_0,y_0,w_2880,h_1426/fill/w_980,h_485,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/screencapture-oyriss-myshopify-admin-themes-82973622320-editor-2021-10-02-21_06_41.png)
Plugins used
![Screen Shot 2021-04-11 at 2.52.02 PM.png](https://static.wixstatic.com/media/c9e51c_61ca80429e914d17b3b855ce54e493bb~mv2.png/v1/fill/w_293,h_466,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screen%20Shot%202021-04-11%20at%202_52_02%20PM.png)
![Screen Shot 2021-04-11 at 2.52.20 PM.png](https://static.wixstatic.com/media/c9e51c_9fb22bbe969141dbaafd2b640060257b~mv2.png/v1/fill/w_334,h_466,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screen%20Shot%202021-04-11%20at%202_52_20%20PM.png)
![Screen Shot 2021-04-11 at 2.52.29 PM.png](https://static.wixstatic.com/media/c9e51c_f6db4c54b5ff4208a35ce2fd649a4273~mv2.png/v1/fill/w_334,h_466,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screen%20Shot%202021-04-11%20at%202_52_29%20PM.png)
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
![Screen%20Shot%202021-04-11%20at%203.03_e](https://static.wixstatic.com/media/c9e51c_adc4d162e011411faaa6b96efd6524eb~mv2.png/v1/crop/x_34,y_0,w_838,h_224/fill/w_303,h_81,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screen%2520Shot%25202021-04-11%2520at%25203_03_e.png)
After the launch
After the development of the final website, we evaluated some analytics on sales, customer behavior, acquisition, and marketing.
Acquisition report
![Screen Shot 2021-04-11 at 3.24.25 PM.png](https://static.wixstatic.com/media/c9e51c_784f9dfb5850418d9c98920d16b464e7~mv2.png/v1/fill/w_523,h_183,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screen%20Shot%202021-04-11%20at%203_24_25%20PM.png)
![Screen Shot 2021-04-11 at 3.15.35 PM.png](https://static.wixstatic.com/media/c9e51c_19f6040886ed4ba0b26066c31e58672c~mv2.png/v1/fill/w_439,h_183,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screen%20Shot%202021-04-11%20at%203_15_35%20PM.png)
Behavior report
![Screen Shot 2021-04-11 at 3.16.42 PM.png](https://static.wixstatic.com/media/c9e51c_7b90eeddb86f4aa2a52127805cd8a9a0~mv2.png/v1/fill/w_398,h_166,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screen%20Shot%202021-04-11%20at%203_16_42%20PM.png)
![Screen Shot 2021-04-11 at 3.17.24 PM.png](https://static.wixstatic.com/media/c9e51c_a4ecd2bd28954a4295ab9b2bea86cfd8~mv2.png/v1/fill/w_571,h_166,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screen%20Shot%202021-04-11%20at%203_17_24%20PM.png)
Sales report
![Screen Shot 2021-04-11 at 3.20.49 PM.png](https://static.wixstatic.com/media/c9e51c_f0f10b66ac5845faa08e3bfb6841f335~mv2.png/v1/crop/x_0,y_0,w_2044,h_691/fill/w_976,h_330,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screen%20Shot%202021-04-11%20at%203_20_49%20PM.png)
Social Media presence
![Frame 70.png](https://static.wixstatic.com/media/c9e51c_bebb1a9f084d47648fdf935365b10635~mv2.png/v1/fill/w_1149,h_824,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%2070.png)
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
![Frame 71.png](https://static.wixstatic.com/media/c9e51c_ec0be2b91bc44527a5b28bcbbebdd69c~mv2.png/v1/fill/w_473,h_67,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%2071.png)
![Rectangle 85.png](https://static.wixstatic.com/media/c9e51c_7b38b52cca8b43ebb44a9c7d3eaedeef~mv2.png/v1/fill/w_170,h_170,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Rectangle%2085.png)
![Favicon.png](https://static.wixstatic.com/media/c9e51c_6b8c0efc86dd42b48f05f21279925582~mv2.png/v1/fill/w_171,h_171,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Favicon.png)
![Group 1652.png](https://static.wixstatic.com/media/c9e51c_3b7417287f3740cc902b9295a63007ef~mv2.png/v1/fill/w_173,h_173,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Group%201652.png)
![OYRISS HOME.png](https://static.wixstatic.com/media/c9e51c_d148401653e94371b9b7ac67964bf920~mv2.png/v1/fill/w_170,h_83,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/OYRISS%20HOME.png)
![OYRISS HOME-1.png](https://static.wixstatic.com/media/c9e51c_d2ac9240781849e289f923e3d3f1f750~mv2.png/v1/fill/w_170,h_83,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/OYRISS%20HOME-1.png)
![MacBook Pro - 11.png](https://static.wixstatic.com/media/c9e51c_7f4f84edb0884c07b5b2f3251eb839e6~mv2.png/v1/fill/w_980,h_549,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/c9e51c_7f4f84edb0884c07b5b2f3251eb839e6~mv2.png)