Sparkle Jewellery e-commerce website
Website
Click icon below to view code
Background
Project Description
Sparkle jewellery was a small local jewellery business in Calgary. They needed a website where customers could find their desired information and commodities in the shortest possible time.
Besides that, because some of their target audiences were interested in the investments of gold, they provided them with information on trends in gold investment.
They needed a website where customers could find their desired information and commodities in the shortest possible time.
research
Why do people buy jewellery?
First, some people buy golden jewellery for investment.
Second, it was a custom in some cultures, and it was believed by some people that it would bring good luck.
Third, some people wanted to show their social status and jewellery was a perfect medium.
How do people buy jewellery?
Websites of Tiffany & Co., Cartier, David Yurman.
Websites of some designers’ brands.
Calgary jewellery (physical stores).
Personas-Olivia
Personal background
Age: 31
Family: Boyfriend
Education: Bachelor
Psychographic
• Has good relationships with colleagues
• Responsible for work
• Embrace new things
• Intermediate in technology
Professional background
Work: Accountant
Salary: 45,000
People around her: Clients,
colleagues
end goals
Find out some elegant jewelry
pieces within 30 minutes on a well-designed website.
User environment
Place: Office, home
Device: Desktop, laptop, phone
Scenario
Sometimes, she went through some designer brands’ websites or luxury brands for well-designed jewelry. She had found some nice jewelry but they were expensive. Besides, she wanted to know what clothing would jewelry best fit.
Personas-Ekaja
Personal background
Age: 38
Family: Husband, 2 kids
Education: Bachelor
Psychographic
Relationship (work): Good
Relationship (family): Great
Attitude to work: Responsible
Attitude to new things: Reluctant
The ability of technology: lower-intermediate
Professional background
Work: Registered nurse
Salary: $50,000
People around her: Patients, colleagues
End Goals
Find out information on investment opportunities for some jewelry.
User environment
Place: patients’ rooms, office, home
Devices: Desktop, phone
Scenario
When she went through the website of Calgary Jewellery, she could not find any valuable information about the investment. Furthermore, the user interfaces were not user-friendly. She is currently trying to find other jewelry stores or websites to purchase from during her limited spare time.
information architecture
website planning
Low fidelity wireframe – Rationale
I was going to design the website for a small business. So, the layouts should be simple and clean. Moreover, I should ensure that the customers would get their preferred jewelry in the shortest time because most of my target audiences did not have much time on selecting jewelry.
Low fidelity wireframe – Home page
Low fidelity wireframe – List of products
Low fidelity wireframe – Product details
Low fidelity wireframe – Proceed with the order
Mock-ups
High-fidelity wireframe – Mood board
What effect do I want to create?
I wanted to create a minimalist-style webpage. When customers came to my page, they would not feel overwhelmed by too much information. Instead, everything was arranged properly.
Moreover, I wanted the webpage to look like an online furniture store where there was a cozy feeling.
Mock-ups
High fidelity wireframe
demonstration of navigating through the website
The URL to the Adobe XD mock-up: