
Sustainable brand of home textiles dedicated to people looking for sophisticated and eco-friendly designs.
GOAL
My task was to design an online store based on the provided design brief.
Role - UI/UX Designer
Team - Individual/ CareerFoundry Course
Timeline - December 2021
Tool - Figma, Hand-drawn sketching, Skype
Objective - Help everyone find products quickly and easily to match their particular needs.
The 5 Ws
1. Who
This tool is for people who want to shop for key items without going into a physical store. Your online store is particularly valuable for people who struggle to find the items they want in traditional stores. Most of the users will be proficient with technology but will greatly benefit from basic navigation and clean design.
2. What
A responsive website, web app, and/or mobile app that shows users the inventory and can be filtered in particular ways depending on their needs. The tool allows users to purchase their desired goods and have them delivered to any address. Free return of the goods is possible.
3. When
This product will be used most often on commutes to and from work, in the evenings, during lunch breaks, and on weekends.
4. Where
Users can easily shop from anywhere they can connect to the internet, whether on a mobile device or on a desktop.
5. Why
Users don’t have the time or ability to visit physical stores and would rather buy their goods on the go or from home. It’s also more convenient to try out the items and easily return those that aren’t desired or appropriate without having to return to a physical store.
STORY
ABOUT
elegant, down-to-earth, honest, genuine
Int is a sustainable brand of home textiles including pillows, sheets, blankets. Made in Poland in limited series. It is dedicated to people looking for sophisticated and eco-friendly designs. Int uses only certified materials and promotes zero waste. Zero Waste products are sewn from production leftovers and unused fabric samples. Their final look is unique and unrepeatable. Environmental care gains a new appearance.
VALUES
Honesty - We inform the customer what and how our designs are made of. We respect the work of the people we work with.
Sustainability - Guided by the principles of ethics and responsibility, we use only certified, recycled materials, deadstock fabrics.
Quality and design - We provide excellent quality, simple elegant and modern design. We use high quality materials produced in Europe. Our limited series allow us to focus on details and finishing.
USER FLOW
Using the user stories from the project brief, I developed a user flow diagram for my product.
-
As a new customer, I want to access the inventory without having to register, so that I can make sure this store has what I’m looking for before having to create an account.
-
As a returning customer, I want to be able to save items that I cannot buy to a wish list, so that I can purchase them at a later date.
-
As a returning customer, I want to see an overview of my previous activity, so that I can view previous purchases and search history.
-
As a frequent customer, I want to see recommendations of products I may like, so that I find items I might not otherwise on my own.

WIREFRAMES
Based on my flow diagram, I created low-, mid-, and high-fidelity wireframes using pen and paper first and then moving onto Figma.
Low Fidelity Wireframes
Mid Fidelity Wireframes

High Fidelity Wireframes










User Testing
Once I created the wireframes, I tested the designs for my user flow. I used a scenario-based prototype test that encouraged participants to test the user flow. I recruited 4 participants, gave them the scenario, recorded and analyzed their feedback, and incorporated relevant changes into my designs.
Changes according to the proposed solutions:
I changed the image on the home page so the logo is more visible.
I corrected the kerning in the text below the logo.
I set the price higher.
I set the navigation to stick to the screen.

STYLE GUIDE
LOGOTYPE
The logotype is a combination of the letter "i" "n" "t" in Italiana font. The shortening comes from the word interior. The accent is a big dot over the "i". They should always appear in this size relationship. The logo is elegant, subtle, and is related to the sophisticated design of home textiles. The logo is always either white or black.
TYPOGRAPHY
Italiana
Traditional elegance with modern proportions is used in the logo, for titles and all accents.
Poppins
The second family of fonts is Poppins used for body text.

COLLOR PALETTE

MOCKUPS





.png)
