SOPHIE BOOTH
SARAH FROST DESIGNS
ROLE:
TIMELINE:
SKILLS:
IN COLLABORATION WITH:
WEBSITE / UI DESIGNER
SEPTEMBER 2021 - NOVEMBER 2021
WEBSITE DESIGN
HTML
UX / UI DESIGN
SARAH FROST
PROJECT OVERVIEW
For this project I was given full creative control over redesigning the website for Sarah Frost Designs. With the previous site being built via SquareSpace, the client requested this site to be designed using the WiX platform for its user accessibility.
Sarah creates beautiful bespoke xxx and wanted to emphasise the hand made craft that goes into her products.
USER RESEARCH AND DEFINING PERSONAS
Site to be a homepage/advert for bespoke projects, whilst also allowing visitors to directly purchase ready made products. in order to achieve this in a seamless manner for the user, the clients Etsy page was embedded into the site using HTML.
User journey is an important feature of the design process as it directly impacts the accessibility and experience of navigating the site.
It was important to consider the persona which the site was being created for in mind during this crucial stage.
Simplicity lends well to an elegant and smooth navigation.
Wireframes of User Journey.
DEFINING THE BRANDING
I started this project by colour picking from images of the client's products. The colours used in the products changes alongside the availability of material, and so it was agreed that the site would fit the brand best if it were to be mostly monochromatic with hints of popular and regular colours throughout.
CONSIDERING USER JOURNEY
INITIAL ILLUSTRATIONS
ISSUES WHILST MAKING PROJECTS
TROUBLESHOOTING/PROBLEM SOLVING DURING PROJECT.
CONTAINER BOXES HIGHLIGHTING ERRORS WITH CODED ENVIRONMENTS, AND SHOW HOW THESE HAVE BEEN EDITING/CHANGED. EG. EXPAND SCREEN FOR ADDED FUNCTIONALITY.
DEFINING THE PROBLEMS
ISSUES WHILST MAKING PROJECTS
TROUBLESHOOTING/PROBLEM SOLVING DURING PROJECT.
CONTAINER BOXES HIGHLIGHTING ERRORS WITH CODED ENVIRONMENTS, AND SHOW HOW THESE HAVE BEEN EDITING/CHANGED. EG. EXPAND SCREEN FOR ADDED FUNCTIONALITY.
DESIGNING SOLUTIONS
In order to overcome design difficulties with the user journey, a simpler homepage navigation path was integrated/deployed.
Landing > Homepage > About > Shop
FINAL UI
The final UI comprises of simple, elegant and easy to navigate pages which follow a logical and functional design whilst also being aesthetically pleasing.