About Project
five o’clock tea – English brand of classic handmade watches inspired by the nature of the English land. The team of craftsmen works with unique movements characterized by precision and durability. Every watch they create is an art, made with attention to detail and the best materials.
The task
To create a user-friendly and aesthetic website for a store of classic English handmade watches, revealing the uniqueness and aesthetics of the brand’s products.
The solution
To reach these goals, we carefully analyze the needs of each client, conduct research and develop an individualized approach.
Design process
Research
The research allows you to collect important information about the target audience and competitors, as well as the strengths and weaknesses of existing websites.
Mind map
Mind maps are used in web design to visually organize ideas, and plan the overall layout and user experience
Wireframes
Wireframes are used to outline the basic structure and placement of elements on pages. Define the key functions and logic of the interface.
UI Design
Working on UI design includes defining the structure, selecting colors, fonts, and other crucial aspects to create an aesthetically appealing and functional interface.
Persona
The persona method in interface design is used to create specific user profiles to understand better their needs and ensure a more convenient and tailored product.
About
Olga is 35 years old and she is the marketing director. Olga is a dynamic and sophisticated professional who values self-expression and individuality. She seeks out experiences that enrich her life and enjoys surrounding herself with beauty and luxury.
Needs & Goals
- Expert Advice: She appreciates professional guidance and advice from knowledgeable jewelers to help her make informed decisions when choosing jewelry.
- Jewelry Selection: Olga seeks a wide range of high-quality jewelry pieces from various designers and brands, with a focus on unique and statement pieces.
Pain points
- Olga feels frustrated when she encounters a lack of availability of unique and statement jewelry pieces, especially when she’s looking for something specific to complement her style.
- Inadequate Customer Service: She becomes frustrated when she receives poor customer service from jewelers, whether it’s inattentive assistance, lack of product knowledge, or unresponsive communication.
About
Max is 28 years old and he was born in Milan. He is a successful and influential businessman who always strives for the best in his career and personal life. He values quality, elegance, and prestige, and is willing to invest in high-quality products that reflect his style and status.
Needs & Goals
- Exclusivity: He’s interested in rare models, limited editions, and watches with unique designs or histories.
- Service and support: Max values high levels of service, quality assurance, and professional consultation when choosing a watch.
- Purchase security: It’s important for him to have a guarantee of the watch’s authenticity and the option for convenient and secure payment and delivery.
Pain points
- Limited Selection: Max feels frustrated when encountering a limited assortment of elite watches, especially when he’s seeking rare models or limited editions.
- Doubtful Authenticity: He’s outraged by the possibility of purchasing a non-authentic watch due to insufficient authenticity guarantees or seller negligence.
Mind map
Mind maps are used in web design to visually organize ideas, and plan the overall layout and user experience of a website.
Wireframes
Creating wireframes in web design is essential for outlining the structural layout and placement of elements, facilitating early conceptualization, refining user experience, and fostering effective collaboration between designers and stakeholders.
Moodboard
We use moodboards to define the visual direction and atmosphere of a website, giving designers and stakeholders a reference point to agree on aesthetics and color schemes.
Typography
Choosing font pairs and fonts in web design is crucial to enhance readability, convey brand identity, evoke the desired atmosphere, maintain visual consistency, and improve overall user experience.
Colors
Home page
On the home page, users see the most popular products, new arrivals, collections, can select thedesired category, and get acquainted with the history of the brand.
About page
On the about page, users can learn more about the history of the brand, their values and mission, as well as see the addresses of their showrooms
Catalog page
In the catalog, people see a list of products and their prices, can use filters, go to the page of the selected product
Contact page
In the catalog, people see a list of products and their prices, can use filters, go to the page of the selected product
Shopping cart
On the shopping cart, users see the products they have selected with the ability to adjust the quantity or delete the product altogether. They also see data on price formation and the total price.
Checkout process
The checkout process is divided into two stages: filling in general information about yourself, including delivery, and filling in payment information. During the checkout process, the user always sees their order sumary.
