InkStudio
InkStudio
InkStudio
A responsive website built to establish online brand visibility and foster meaningful customer relations for InkStudio, a small, handcrafted jewelry business.
A responsive website built to establish online brand visibility and foster meaningful customer relations for InkStudio, a small, handcrafted jewelry business.
A responsive website built to establish online brand visibility and foster meaningful customer relations for InkStudio, a small, handcrafted jewelry business.
A responsive website built to establish online brand visibility and foster meaningful customer relations for InkStudio, a small, handcrafted jewelry business.
VIEW PROTOTYPE
VIEW PROTOTYPE
VIEW PROTOTYPE
VIEW PROTOTYPE
MY ROLE
MY ROLE
MY ROLE
MY ROLE
UX Researcher
UI/UX Designer
Branding
UX Researcher
UI/UX Designer
Branding
UX Researcher
UI/UX Designer
Branding
UX Researcher
UI/UX Designer
Branding
TIMELINE
TIMELINE
TIMELINE
TIMELINE
8 weeks
Nov - Dec 2024
8 weeks
Nov - Dec 2024
8 weeks
Nov - Dec 2024
8 weeks
Nov - Dec 2024
TOOLS
TOOLS
TOOLS
TOOLS
Figma
FigJam
Optimal Workshop
Figma
FigJam
Optimal Workshop
Figma
FigJam
Optimal Workshop
Figma
FigJam
Optimal Workshop
OVERVIEW
OVERVIEW
OVERVIEW
OVERVIEW
DESIGNING AN ACCESSIBLE AND INTUITIVE JEWELRY WEBSITE
DESIGNING AN ACCESSIBLE AND INTUITIVE JEWELRY WEBSITE
DESIGNING AN ACCESSIBLE AND INTUITIVE JEWELRY WEBSITE
DESIGNING AN ACCESSIBLE AND INTUITIVE JEWELRY WEBSITE
JUMP TO PROTOTYPE
JUMP TO PROTOTYPE
JUMP TO PROTOTYPE
JUMP TO PROTOTYPE
As technology advances, businesses are shifting to utilize online platforms to increase brand awareness and revenue. Customers can now shop from stores worldwide, no longer limited by their location. Consequently, it has become much more difficult for businesses to stand out, especially for a small business such as InkStudio. InkStudio is a jewelry business founded by my mother, Iwey Wang, in the early 90s, where she sells high-quality, handmade earrings, necklaces, bracelets, and rings. Through word of mouth, she has been able to sell her products to family, friends, and acquaintances along the way. This website aims to expand her small business beyond the local community and to foster a deeper connection with customers who will now have easy access to her beautiful pieces.
As technology advances, businesses are shifting to utilize online platforms to increase brand awareness and revenue. Customers can now shop from stores worldwide, no longer limited by their location. Consequently, it has become much more difficult for businesses to stand out, especially for a small business such as InkStudio. InkStudio is a jewelry business founded by my mother, Iwey Wang, in the early 90s, where she sells high-quality, handmade earrings, necklaces, bracelets, and rings. Through word of mouth, she has been able to sell her products to family, friends, and acquaintances along the way. This website aims to expand her small business beyond the local community and to foster a deeper connection with customers who will now have easy access to her beautiful pieces.
As technology advances, businesses are shifting to utilize online platforms to increase brand awareness and revenue. Customers can now shop from stores worldwide, no longer limited by their location. Consequently, it has become much more difficult for businesses to stand out, especially for a small business such as InkStudio. InkStudio is a jewelry business founded by my mother, Iwey Wang, in the early 90s, where she sells high-quality, handmade earrings, necklaces, bracelets, and rings. Through word of mouth, she has been able to sell her products to family, friends, and acquaintances along the way. This website aims to expand her small business beyond the local community and to foster a deeper connection with customers who will now have easy access to her beautiful pieces.
As technology advances, businesses are shifting to utilize online platforms to increase brand awareness and revenue. Customers can now shop from stores worldwide, no longer limited by their location. Consequently, it has become much more difficult for businesses to stand out, especially for a small business such as InkStudio. InkStudio is a jewelry business founded by my mother, Iwey Wang, in the early 90s, where she sells high-quality, handmade earrings, necklaces, bracelets, and rings. Through word of mouth, she has been able to sell her products to family, friends, and acquaintances along the way. This website aims to expand her small business beyond the local community and to foster a deeper connection with customers who will now have easy access to her beautiful pieces.
PROBLEM
PROBLEM
PROBLEM
PROBLEM
IT’S DIFFICULT TO GAIN AWARENESS AS A SMALL BUSINESS
IT’S DIFFICULT TO GAIN AWARENESS AS A SMALL BUSINESS
IT’S DIFFICULT TO GAIN AWARENESS AS A SMALL BUSINESS
IT’S DIFFICULT TO GAIN AWARENESS AS A SMALL BUSINESS
RESEARCH
RESEARCH
RESEARCH
RESEARCH
UNCOVER CURRENT METHODS AND USER PAIN POINTS
UNCOVER CURRENT METHODS AND USER PAIN POINTS
UNCOVER CURRENT METHODS AND USER PAIN POINTS
UNCOVER CURRENT METHODS AND USER PAIN POINTS
Research Objectives
Research Objectives
Research Objectives
Research Objectives
Discover specific goals and struggles the stakeholder currently faces
Discover how people are currently discovering new jewelry businesses and their preferences for shopping
Pinpoint specific areas that cause users difficulty and frustration when browsing for jewelry
Discover solutions to develop a website for InkStudio
Discover specific goals and struggles the stakeholder currently faces
Discover how people are currently discovering new jewelry businesses and their preferences for shopping
Pinpoint specific areas that cause users difficulty and frustration when browsing for jewelry
Discover solutions to develop a website for InkStudio
Discover specific goals and struggles the stakeholder currently faces
Discover how people are currently discovering new jewelry businesses and their preferences for shopping
Pinpoint specific areas that cause users difficulty and frustration when browsing for jewelry
Discover solutions to develop a website for InkStudio
Discover specific goals and struggles the stakeholder currently faces
Discover how people are currently discovering new jewelry businesses and their preferences for shopping
Pinpoint specific areas that cause users difficulty and frustration when browsing for jewelry
Discover solutions to develop a website for InkStudio
Research Methods
Research Methods
Research Methods
Research Methods
Stakeholder/User Interviews (gain insight from the experiences users and stakeholder face)
Competitive Analysis (study existing products on the market)
Stakeholder/User Interviews (gain insight from the experiences users and stakeholder face)
Competitive Analysis (study existing products on the market)
Stakeholder/User Interviews (gain insight from the experiences users and stakeholder face)
Competitive Analysis (study existing products on the market)
Stakeholder/User Interviews (gain insight from the experiences users and stakeholder face)
Competitive Analysis (study existing products on the market)
User Interviews
User Interviews
User Interviews
User Interviews
4 users, 1 stakeholder
Age range 24-59
In-person and FaceTime
4 users, 1 stakeholder
Age range 24-59
In-person and FaceTime
4 users, 1 stakeholder
Age range 24-59
In-person and FaceTime
4 users, 1 stakeholder
Age range 24-59
In-person and FaceTime
“As a small business, some people would try to haggle with my prices, I don’t like having to justify my prices, the quality, and the time it takes me to make them.”
-Stakeholder
“As a small business, some people would try to haggle with my prices, I don’t like having to justify my prices, the quality, and the time it takes me to make them.”
-Stakeholder
“As a small business, some people would try to haggle with my prices, I don’t like having to justify my prices, the quality, and the time it takes me to make them.”
-Stakeholder
“As a small business, some people would try to haggle with my prices, I don’t like having to justify my prices, the quality, and the time it takes me to make them.”
-Stakeholder
“It’s annoying when photos of the jewelry don’t have a description of the sizing in each of the photos, it’s hard to be able to make decisions.”
-User
“It’s annoying when photos of the jewelry don’t have a description of the sizing in each of the photos, it’s hard to be able to make decisions.”
-User
“It’s annoying when photos of the jewelry don’t have a description of the sizing in each of the photos, it’s hard to be able to make decisions.”
-User
“It’s annoying when photos of the jewelry don’t have a description of the sizing in each of the photos, it’s hard to be able to make decisions.”
-User
“Some online stores have interfaces that are hard to navigate, others don’t look well maintained.”
-User
“Some online stores have interfaces that are hard to navigate, others don’t look well maintained.”
-User
“Some online stores have interfaces that are hard to navigate, others don’t look well maintained.”
-User
“Some online stores have interfaces that are hard to navigate, others don’t look well maintained.”
-User
Overarching user pain point:
Overarching user pain point:
Overarching user pain point:
Overarching user pain point:
Business owners want their products to be valued by their customers, and customers want to feel valued and encouraged to shop.
Business owners want their products to be valued by their customers, and customers want to feel valued and encouraged to shop.
Business owners want their products to be valued by their customers, and customers want to feel valued and encouraged to shop.
Business owners want their products to be valued by their customers, and customers want to feel valued and encouraged to shop.
Competitive Analysis
Competitive Analysis
Competitive Analysis
Competitive Analysis
I also conducted further research on competing stores and services to gather insight on what is currently working well, drawing inspiration for further solutions.
I also conducted further research on competing stores and services to gather insight on what is currently working well, drawing inspiration for further solutions.
I also conducted further research on competing stores and services to gather insight on what is currently working well, drawing inspiration for further solutions.
I also conducted further research on competing stores and services to gather insight on what is currently working well, drawing inspiration for further solutions.
Salt City Gems
Salt City Gems
Salt City Gems
Salt City Gems
Includes many images and descriptions on how items can be styled
Includes many images and descriptions on how items can be styled
Includes many images and descriptions on how items can be styled
Includes many images and descriptions on how items can be styled
About page sounds more detached and provides only basic filtering options overall
About page sounds more detached and provides only basic filtering options overall
About page sounds more detached and provides only basic filtering options overall
About page sounds more detached and provides only basic filtering options overall
Made By Mary
Made By Mary
Made By Mary
Made By Mary
Advanced filter and sorting options with a forgiving return policy
Advanced filter and sorting options with a forgiving return policy
Advanced filter and sorting options with a forgiving return policy
Advanced filter and sorting options with a forgiving return policy
UI does not provide feedback to users on where they are hovering or clicking
UI does not provide feedback to users on where they are hovering or clicking
UI does not provide feedback to users on where they are hovering or clicking
UI does not provide feedback to users on where they are hovering or clicking
Amare Wear
Amare Wear
Amare Wear
Amare Wear
Has many in-store options and price conversions are available online
Has many in-store options and price conversions are available online
Has many in-store options and price conversions are available online
Has many in-store options and price conversions are available online
UI looks cluttered and oversaturated with different colors
UI looks cluttered and oversaturated with different colors
UI looks cluttered and oversaturated with different colors
UI looks cluttered and oversaturated with different colors
PROBLEM
PROBLEM
PROBLEM
PROBLEM
HOW DO WE MAKE SENSE OF THIS INFORMATION?
HOW DO WE MAKE SENSE OF THIS INFORMATION?
HOW DO WE MAKE SENSE OF THIS INFORMATION?
HOW DO WE MAKE SENSE OF THIS INFORMATION?
DEFINE
DEFINE
DEFINE
DEFINE
USER PERSONA
USER PERSONA
USER PERSONA
USER PERSONA
The next step was creating user personas, capturing the most vital and pressing user pain points uncovered through the research phase and affinity map.
The next step was creating user personas, capturing the most vital and pressing user pain points uncovered through the research phase and affinity map.
The next step was creating user personas, capturing the most vital and pressing user pain points uncovered through the research phase and affinity map.
The next step was creating user personas, capturing the most vital and pressing user pain points uncovered through the research phase and affinity map.
Cassandra’s goals are to be able to discover high-quality and reliable jewelry shops with a meaningful and transparent mission statement. She wants her shopping experience to be as stress-free and enjoyable as possible without having to worry if she is going to be scammed.
Nathan wants to be able to easily shop online and have all the information clearly presented so that he feels confident in his decisions without having to try on the pieces in person.
Cassandra’s goals are to be able to discover high-quality and reliable jewelry shops with a meaningful and transparent mission statement. She wants her shopping experience to be as stress-free and enjoyable as possible without having to worry if she is going to be scammed.
Nathan wants to be able to easily shop online and have all the information clearly presented so that he feels confident in his decisions without having to try on the pieces in person.
Cassandra’s goals are to be able to discover high-quality and reliable jewelry shops with a meaningful and transparent mission statement. She wants her shopping experience to be as stress-free and enjoyable as possible without having to worry if she is going to be scammed.
Nathan wants to be able to easily shop online and have all the information clearly presented so that he feels confident in his decisions without having to try on the pieces in person.
Cassandra’s goals are to be able to discover high-quality and reliable jewelry shops with a meaningful and transparent mission statement. She wants her shopping experience to be as stress-free and enjoyable as possible without having to worry if she is going to be scammed.
Nathan wants to be able to easily shop online and have all the information clearly presented so that he feels confident in his decisions without having to try on the pieces in person.
IDEATION
IDEATION
IDEATION
IDEATION
HOW MIGHT WE
HOW MIGHT WE
HOW MIGHT WE
HOW MIGHT WE
How might we tell a story that exemplifies a local business’s story in a unique way that makes customers feel connected and encouraged to make purchases?
How might we tell a story that exemplifies a local business’s story in a unique way that makes customers feel connected and encouraged to make purchases?
How might we tell a story that exemplifies a local business’s story in a unique way that makes customers feel connected and encouraged to make purchases?
How might we tell a story that exemplifies a local business’s story in a unique way that makes customers feel connected and encouraged to make purchases?
IDEATION
IDEATION
IDEATION
IDEATION
USER FLOW
USER FLOW
USER FLOW
USER FLOW
After conducting extensive research from the feature matrix, I focused on presenting key screens, such as the story page and shipping & return policy, and on presenting the product information cleanly and intuitively. Other features that were less prioritized on my feature set were consequently put to the side.
After conducting extensive research from the feature matrix, I focused on presenting key screens, such as the story page and shipping & return policy, and on presenting the product information cleanly and intuitively. Other features that were less prioritized on my feature set were consequently put to the side.
After conducting extensive research from the feature matrix, I focused on presenting key screens, such as the story page and shipping & return policy, and on presenting the product information cleanly and intuitively. Other features that were less prioritized on my feature set were consequently put to the side.
After conducting extensive research from the feature matrix, I focused on presenting key screens, such as the story page and shipping & return policy, and on presenting the product information cleanly and intuitively. Other features that were less prioritized on my feature set were consequently put to the side.
There are 3 main flows that I wanted to demonstrate through this user flow:
There are 3 main flows that I wanted to demonstrate through this user flow:
There are 3 main flows that I wanted to demonstrate through this user flow:
There are 3 main flows that I wanted to demonstrate through this user flow:
Customers want to feel appreciated by a business and feel better knowing that they are supporting genuine businesses that share similar values and morals
Customers want to feel appreciated by a business and feel better knowing that they are supporting genuine businesses that share similar values and morals
Customers want to feel appreciated by a business and feel better knowing that they are supporting genuine businesses that share similar values and morals
Customers want to feel appreciated by a business and feel better knowing that they are supporting genuine businesses that share similar values and morals
DISCOVER THE BUSINESS’S STORY
DISCOVER THE BUSINESS’S STORY
DISCOVER THE BUSINESS’S STORY
DISCOVER THE BUSINESS’S STORY
Allows stakeholder to tell her business story and form a connection with customers
Allows customers to learn about the business outside of just its products
Allows stakeholder to tell her business story and form a connection with customers
Allows customers to learn about the business outside of just its products
Allows stakeholder to tell her business story and form a connection with customers
Allows customers to learn about the business outside of just its products
Allows stakeholder to tell her business story and form a connection with customers
Allows customers to learn about the business outside of just its products
Users find it frustrating when they are unable to easily find specific products or answers to their questions
Users find it frustrating when they are unable to easily find specific products or answers to their questions
Users find it frustrating when they are unable to easily find specific products or answers to their questions
Users find it frustrating when they are unable to easily find specific products or answers to their questions
SEARCH & FILTER OUT SPECIFIC PRODUCTS
SEARCH & FILTER OUT SPECIFIC PRODUCTS
SEARCH & FILTER OUT SPECIFIC PRODUCTS
SEARCH & FILTER OUT SPECIFIC PRODUCTS
Allows users to seamlessly browse for products free of stress
Allows users to seamlessly browse for products free of stress
Allows users to seamlessly browse for products free of stress
Allows users to seamlessly browse for products free of stress
Users are often hesitant to make purchases from businesses with no reviews or an unforgiving return policy
Users are often hesitant to make purchases from businesses with no reviews or an unforgiving return policy
Users are often hesitant to make purchases from businesses with no reviews or an unforgiving return policy
Users are often hesitant to make purchases from businesses with no reviews or an unforgiving return policy
MAKE A PURCHASE
MAKE A PURCHASE
MAKE A PURCHASE
MAKE A PURCHASE
Offers an easy and transparent ordering system where users won’t have to worry about being scammed
Offers an easy and transparent ordering system where users won’t have to worry about being scammed
Offers an easy and transparent ordering system where users won’t have to worry about being scammed
Offers an easy and transparent ordering system where users won’t have to worry about being scammed
IDEATION
IDEATION
IDEATION
IDEATION
LOW-FIDELITY WIREFRAMES
LOW-FIDELITY WIREFRAMES
LOW-FIDELITY WIREFRAMES
LOW-FIDELITY WIREFRAMES
My main goal during the sketching phase was to focus on making the flows as simple as possible, carefully ensuring that only the most necessary information is shown at the forefront to prevent users from feeling overwhelmed.
My main goal during the sketching phase was to focus on making the flows as simple as possible, carefully ensuring that only the most necessary information is shown at the forefront to prevent users from feeling overwhelmed.
My main goal during the sketching phase was to focus on making the flows as simple as possible, carefully ensuring that only the most necessary information is shown at the forefront to prevent users from feeling overwhelmed.
My main goal during the sketching phase was to focus on making the flows as simple as possible, carefully ensuring that only the most necessary information is shown at the forefront to prevent users from feeling overwhelmed.
ITERATE + VALIDATE
ITERATE + VALIDATE
ITERATE + VALIDATE
ITERATE + VALIDATE
LOW-FIDELITY USER TESTING
LOW-FIDELITY USER TESTING
LOW-FIDELITY USER TESTING
LOW-FIDELITY USER TESTING
Before making any further developments, I first conducted some testing to ensure that the base structure of the website meets users’ needs.
Before making any further developments, I first conducted some testing to ensure that the base structure of the website meets users’ needs.
Before making any further developments, I first conducted some testing to ensure that the base structure of the website meets users’ needs.
Before making any further developments, I first conducted some testing to ensure that the base structure of the website meets users’ needs.
Interviewees
Interviewees
Interviewees
Interviewees
5 participants aged 23-58
Remote and In-Person (all moderated)
5 participants aged 23-58
Remote and In-Person (all moderated)
5 participants aged 23-58
Remote and In-Person (all moderated)
Task Flows
Task Flows
Task Flows
Task Flows
Discover the Business’s Story
Search Specific Products
Filter out Categories
Make a Purchase
Discover the Business’s Story
Search Specific Products
Filter out Categories
Make a Purchase
Discover the Business’s Story
Search Specific Products
Filter out Categories
Make a Purchase
Testing Goals
Testing Goals
Testing Goals
Testing Goals
Does the flow make sense?
Are the pages intuitive?
Can users seamlessly navigate to find what they are looking for?
What comes to users’ minds when they hear of chic/classy/one-of-a-kind jewelry?
What type of colors or emotions do they expect to see and feel?
Does the flow make sense?
Are the pages intuitive?
Can users seamlessly navigate to find what they are looking for?
What comes to users’ minds when they hear of chic/classy/one-of-a-kind jewelry?
What type of colors or emotions do they expect to see and feel?
Does the flow make sense?
Are the pages intuitive?
Can users seamlessly navigate to find what they are looking for?
What comes to users’ minds when they hear of chic/classy/one-of-a-kind jewelry?
What type of colors or emotions do they expect to see and feel?
Users were able to successfully complete all tasks and found the flows easy to follow
Users were able to successfully complete all tasks and found the flows easy to follow
Users were able to successfully complete all tasks and found the flows easy to follow
Users were able to successfully complete all tasks and found the flows easy to follow
Users appreciated how they was just the right amount of information presented
Users appreciated how they was just the right amount of information presented
Users appreciated how they was just the right amount of information presented
Users appreciated how they was just the right amount of information presented
Users preferred product images with horizontal scroll over vertical scroll for easy viewing
Users preferred product images with horizontal scroll over vertical scroll for easy viewing
Users preferred product images with horizontal scroll over vertical scroll for easy viewing
Users preferred product images with horizontal scroll over vertical scroll for easy viewing
Users would prefer to see more product details over the story in the homepage
Users would prefer to see more product details over the story in the homepage
Users would prefer to see more product details over the story in the homepage
Users would prefer to see more product details over the story in the homepage
Users found that the overall flow was intuitive and easy to follow, with most feedback focused on adding finer details such as the category and search filter capabilities, and what they would look like in action. Future steps will utilize results from testing to combine aspects of each version of sketches into one cohesive digital design.
Users found that the overall flow was intuitive and easy to follow, with most feedback focused on adding finer details such as the category and search filter capabilities, and what they would look like in action. Future steps will utilize results from testing to combine aspects of each version of sketches into one cohesive digital design.
Users found that the overall flow was intuitive and easy to follow, with most feedback focused on adding finer details such as the category and search filter capabilities, and what they would look like in action. Future steps will utilize results from testing to combine aspects of each version of sketches into one cohesive digital design.
Users found that the overall flow was intuitive and easy to follow, with most feedback focused on adding finer details such as the category and search filter capabilities, and what they would look like in action. Future steps will utilize results from testing to combine aspects of each version of sketches into one cohesive digital design.
BRANDING
BRANDING
BRANDING
BRANDING
BRINGING THE APP TO LIFE
BRINGING THE APP TO LIFE
BRINGING THE APP TO LIFE
BRINGING THE APP TO LIFE
BRANDING
BRANDING
BRANDING
BRANDING
BRAND STYLE TILE
BRAND STYLE TILE
BRAND STYLE TILE
BRAND STYLE TILE
The main goals of this project is to design a website that is simple, warm, and inviting for users to navigate. Users should feel confident that they can easily find specific products that they like, making the overall experience enjoyable and free of stress.
The main goals of this project is to design a website that is simple, warm, and inviting for users to navigate. Users should feel confident that they can easily find specific products that they like, making the overall experience enjoyable and free of stress.
The main goals of this project is to design a website that is simple, warm, and inviting for users to navigate. Users should feel confident that they can easily find specific products that they like, making the overall experience enjoyable and free of stress.
The main goals of this project is to design a website that is simple, warm, and inviting for users to navigate. Users should feel confident that they can easily find specific products that they like, making the overall experience enjoyable and free of stress.
DESIGN + PROTOTYPE
DESIGN + PROTOTYPE
DESIGN + PROTOTYPE
DESIGN + PROTOTYPE
NOW FOR THE FUN PART.....
NOW FOR THE FUN PART.....
NOW FOR THE FUN PART.....
NOW FOR THE FUN PART.....
Now to tie everything together, how will this website look like visually?
Now to tie everything together, how will this website look like visually?
Now to tie everything together, how will this website look like visually?
Now to tie everything together, how will this website look like visually?
DESIGN + PROTOTYPE
DESIGN + PROTOTYPE
DESIGN + PROTOTYPE
DESIGN + PROTOTYPE
HIGH-FIDELITY MOCKUP
HIGH-FIDELITY MOCKUP
HIGH-FIDELITY MOCKUP
HIGH-FIDELITY MOCKUP
HOMEPAGE
HOMEPAGE
HOMEPAGE
HOMEPAGE
Two different versions of the homepage were designed with colors and images added for users to more easily compare in the next round of testing. Responding to user feedback, the product and styling details are located higher up in the hierarchy.
Two different versions of the homepage were designed with colors and images added for users to more easily compare in the next round of testing. Responding to user feedback, the product and styling details are located higher up in the hierarchy.
Two different versions of the homepage were designed with colors and images added for users to more easily compare in the next round of testing. Responding to user feedback, the product and styling details are located higher up in the hierarchy.
Two different versions of the homepage were designed with colors and images added for users to more easily compare in the next round of testing. Responding to user feedback, the product and styling details are located higher up in the hierarchy.
SHOPPING/PRODUCT DETAILS
SHOPPING/PRODUCT DETAILS
SHOPPING/PRODUCT DETAILS
SHOPPING/PRODUCT DETAILS
Users can now filter out products or sort how they would like the products to be shown. Additionally, the product detail page clearly shows the product information, products it can be paired with, and reviews which can be easily viewed.
Users can now filter out products or sort how they would like the products to be shown. Additionally, the product detail page clearly shows the product information, products it can be paired with, and reviews which can be easily viewed.
Users can now filter out products or sort how they would like the products to be shown. Additionally, the product detail page clearly shows the product information, products it can be paired with, and reviews which can be easily viewed.
Users can now filter out products or sort how they would like the products to be shown. Additionally, the product detail page clearly shows the product information, products it can be paired with, and reviews which can be easily viewed.
ABOUT US
ABOUT US
ABOUT US
ABOUT US
Users can learn more about the business by navigating to the About Us page, where the stakeholder is able to share her story and mission. Users preferred to have this information available, without it getting in the way of the products.
Users can learn more about the business by navigating to the About Us page, where the stakeholder is able to share her story and mission. Users preferred to have this information available, without it getting in the way of the products.
Users can learn more about the business by navigating to the About Us page, where the stakeholder is able to share her story and mission. Users preferred to have this information available, without it getting in the way of the products.
Users can learn more about the business by navigating to the About Us page, where the stakeholder is able to share her story and mission. Users preferred to have this information available, without it getting in the way of the products.
ITERATE + VALIDATE
ITERATE + VALIDATE
ITERATE + VALIDATE
ITERATE + VALIDATE
HIGH-FIDELITY USABILITY TESTING
HIGH-FIDELITY USABILITY TESTING
HIGH-FIDELITY USABILITY TESTING
HIGH-FIDELITY USABILITY TESTING
This second round of testing focused on User Interaction, with the goal being to evaluate the intuitiveness of the flows and discover any areas that can be further improved.
This second round of testing focused on User Interaction, with the goal being to evaluate the intuitiveness of the flows and discover any areas that can be further improved.
This second round of testing focused on User Interaction, with the goal being to evaluate the intuitiveness of the flows and discover any areas that can be further improved.
This second round of testing focused on User Interaction, with the goal being to evaluate the intuitiveness of the flows and discover any areas that can be further improved.
Interviewees
Interviewees
Interviewees
Interviewees
5 participants aged 23-58
In-Person (all moderated)
5 participants aged 23-58
In-Person (all moderated)
5 participants aged 23-58
In-Person (all moderated)
5 participants aged 23-58
In-Person (all moderated)
Task Flows
Task Flows
Task Flows
Task Flows
Discover the Business’s Story
Browse for Items
Filter out Items
Read Customer Reviews
Discover the Business’s Story
Browse for Items
Filter out Items
Read Customer Reviews
Discover the Business’s Story
Browse for Items
Filter out Items
Read Customer Reviews
Discover the Business’s Story
Browse for Items
Filter out Items
Read Customer Reviews
Research Objectives
Research Objectives
Research Objectives
Research Objectives
Identify pain points and usability problems
Gather user feedback
Examine user behavior
Assess user performance
Validate design decisions
Identify pain points and usability problems
Gather user feedback
Examine user behavior
Assess user performance
Validate design decisions
Identify pain points and usability problems
Gather user feedback
Examine user behavior
Assess user performance
Validate design decisions
Identify pain points and usability problems
Gather user feedback
Examine user behavior
Assess user performance
Validate design decisions
Future iterations set out to make minor improvements to the overall interface, such as adding drop-shadows and adjusting font sizes/weights for easier navigation.
Future iterations set out to make minor improvements to the overall interface, such as adding drop-shadows and adjusting font sizes/weights for easier navigation.
Future iterations set out to make minor improvements to the overall interface, such as adding drop-shadows and adjusting font sizes/weights for easier navigation.
Future iterations set out to make minor improvements to the overall interface, such as adding drop-shadows and adjusting font sizes/weights for easier navigation.
ITERATE + VALIDATE
ITERATE + VALIDATE
ITERATE + VALIDATE
ITERATE + VALIDATE
FINAL DESIGN
FINAL DESIGN
FINAL DESIGN
FINAL DESIGN
InkStudio - a website designed for the stakeholder to sell her jewelry, and for users to easily find pieces they like.
InkStudio - a website designed for the stakeholder to sell her jewelry, and for users to easily find pieces they like.
InkStudio - a website designed for the stakeholder to sell her jewelry, and for users to easily find pieces they like.
InkStudio - a website designed for the stakeholder to sell her jewelry, and for users to easily find pieces they like.
Search Filter
Search Filter
Search Filter
Search Filter
Perhaps one of the most important improvements was designing the search filter option, that allow users to narrow their search, allowing them to easily find products based on their criteria.
Perhaps one of the most important improvements was designing the search filter option, that allow users to narrow their search, allowing them to easily find products based on their criteria.
Perhaps one of the most important improvements was designing the search filter option, that allow users to narrow their search, allowing them to easily find products based on their criteria.
Perhaps one of the most important improvements was designing the search filter option, that allow users to narrow their search, allowing them to easily find products based on their criteria.
Sort By
Sort By
Sort By
Sort By
Additionally, users are also provided an option to choose the order in which they would like the products to be shown.
Additionally, users are also provided an option to choose the order in which they would like the products to be shown.
Additionally, users are also provided an option to choose the order in which they would like the products to be shown.
Additionally, users are also provided an option to choose the order in which they would like the products to be shown.
Alignment
Alignment
Alignment
Alignment
Product details were tweaked, ensuring that it aligns with the image on the left.
The product details were also changed to buttons as users felt it was easier to distinguish it as an action.
Product details were tweaked, ensuring that it aligns with the image on the left.
The product details were also changed to buttons as users felt it was easier to distinguish it as an action.
Product details were tweaked, ensuring that it aligns with the image on the left.
The product details were also changed to buttons as users felt it was easier to distinguish it as an action.
Product details were tweaked, ensuring that it aligns with the image on the left.
The product details were also changed to buttons as users felt it was easier to distinguish it as an action.
BEFORE
BEFORE
BEFORE
BEFORE
AFTER
AFTER
AFTER
AFTER
Size Guide
Size Guide
Size Guide
Size Guide
Many users complained that it is frustrating at times to shop online, as it is difficult to determine the sizing without viewing it in person. Adding a size guide with images depicting how each size looks would like allows users to feel more informed and confident before making purchases online.
Many users complained that it is frustrating at times to shop online, as it is difficult to determine the sizing without viewing it in person. Adding a size guide with images depicting how each size looks would like allows users to feel more informed and confident before making purchases online.
Many users complained that it is frustrating at times to shop online, as it is difficult to determine the sizing without viewing it in person. Adding a size guide with images depicting how each size looks would like allows users to feel more informed and confident before making purchases online.
Many users complained that it is frustrating at times to shop online, as it is difficult to determine the sizing without viewing it in person. Adding a size guide with images depicting how each size looks would like allows users to feel more informed and confident before making purchases online.
BEFORE
BEFORE
BEFORE
BEFORE
AFTER
AFTER
AFTER
AFTER
VIEW PROTOTYPE
VIEW PROTOTYPE
VIEW PROTOTYPE
VIEW PROTOTYPE
CONCLUSION
CONCLUSION
CONCLUSION
CONCLUSION
REFLECTION & NEXT STEPS
REFLECTION & NEXT STEPS
REFLECTION & NEXT STEPS
REFLECTION & NEXT STEPS
Key Takeaways & Learnings
Key Takeaways & Learnings
Key Takeaways & Learnings
Key Takeaways & Learnings
Working on this project helped refine my project management skills, ensuring that important features were prioritized and completed on schedule. When given full creative control of the design, I learned to balance aesthetic quality and core functionality. Additionally, working with a stakeholder for the first time taught me how to structure research questions to discover solutions that address the pain points of both the stakeholder and end users.
Working on this project helped refine my project management skills, ensuring that important features were prioritized and completed on schedule. When given full creative control of the design, I learned to balance aesthetic quality and core functionality. Additionally, working with a stakeholder for the first time taught me how to structure research questions to discover solutions that address the pain points of both the stakeholder and end users.
Working on this project helped refine my project management skills, ensuring that important features were prioritized and completed on schedule. When given full creative control of the design, I learned to balance aesthetic quality and core functionality. Additionally, working with a stakeholder for the first time taught me how to structure research questions to discover solutions that address the pain points of both the stakeholder and end users.
Working on this project helped refine my project management skills, ensuring that important features were prioritized and completed on schedule. When given full creative control of the design, I learned to balance aesthetic quality and core functionality. Additionally, working with a stakeholder for the first time taught me how to structure research questions to discover solutions that address the pain points of both the stakeholder and end users.
Future Improvements
Future Improvements
Future Improvements
Future Improvements
Given the broad scope of this project, several pages and flows were not addressed. Future improvements could be dedicated towards adding these updates to the website, such as designing the checkout workflow, FAQ page, and return policy. Overall, designing these additions and making the website fully responsive would allow the stakeholder to reach a wider customer base, potentially offering users convenient access to a new favorite online jewelry store.
Given the broad scope of this project, several pages and flows were not addressed. Future improvements could be dedicated towards adding these updates to the website, such as designing the checkout workflow, FAQ page, and return policy. Overall, designing these additions and making the website fully responsive would allow the stakeholder to reach a wider customer base, potentially offering users convenient access to a new favorite online jewelry store.
Given the broad scope of this project, several pages and flows were not addressed. Future improvements could be dedicated towards adding these updates to the website, such as designing the checkout workflow, FAQ page, and return policy. Overall, designing these additions and making the website fully responsive would allow the stakeholder to reach a wider customer base, potentially offering users convenient access to a new favorite online jewelry store.
Given the broad scope of this project, several pages and flows were not addressed. Future improvements could be dedicated to adding these updates to the website, such as designing the checkout workflow, FAQ page, and return policy. Overall, designing these additions and making the website fully responsive would allow the stakeholder to reach a wider customer base, potentially offering users convenient access to a new favorite online jewelry store.