Ink Stories- A UX Case Study
Ink Stories- A UX Case Study
"Where Ink Meets Inspiration: Designs That Tell Stories"
"Where Ink Meets Inspiration: Designs That Tell Stories"
Joce Flinn, a talented tattoo artist, approached us to create an MVP responsive website that showcases her artistry and helps her connect with potential clients. The goal was to design a platform that allows her audience to explore her portfolio, learn about her process, and seamlessly book a tattoo session. With a user-friendly experience at its core, the website ensures Joce can focus on her craft while reaching a wider audience and turning visitors into lifelong clients.
Joce Flinn, a talented tattoo artist, approached us to create an MVP responsive website that showcases her artistry and helps her connect with potential clients. The goal was to design a platform that allows her audience to explore her portfolio, learn about her process, and seamlessly book a tattoo session. With a user-friendly experience at its core, the website ensures Joce can focus on her craft while reaching a wider audience and turning visitors into lifelong clients.
Solo Project
My Role
Product Design, User research
Visual Design
Timeline
Sept 2024- Oct 2024
Tools
Figma
The UX Process
Deliverable for the project:
Competitive/Comparative Analysis, Survey, Affinity diagrams, Persona, User Journey, User Flows, Sitemaps, Paper wireframes, Medium fidelity wireframes, Usability Testing, High fidelity Mobile Screens, Specification Document.
Tools:
Google forms, Figma, Miro, Keynote
Solo Project
My Role
Product Design, User research
Visual Design
Timeline
Sept 2024- Oct 2024
Tools
Figma, Miro
The UX Process
Deliverable for the project:
Competitive/Comparative Analysis, Survey, Affinity diagrams, Persona, User Journey, User Flows, Sitemaps, Paper wireframes, Medium fidelity wireframes, Usability Testing, High fidelity Mobile Screens, Specification Document.
Tools:
Google forms, Figma, Miro, Keynote
What I Set Out to Achieve and How I Achieved It
What I Set Out to Achieve and How I Achieved It
Because of the short time of three weeks to complete this project. I created a responsive website for the Tattoo artist, to
ensure the results I conducted thorough UX research, Including
competitive and comparative analyses. to understand industry standards and opportunities for differentiation.
Because of the short time of three weeks to complete this project. I created a responsive website for the Tattoo artist, to ensure the results I conducted thorough UX research, Including competitive and comparative analyses. to understand industry standards and opportunities for differentiation.
User Persona & Storyboard
User Persona & Storyboard
From Affinity diagram, we created two User Profiles and Scenarios, Storyboards.
From Affinity diagram, we created two User Profiles and Scenarios, Storyboards.
Userflows
Userflows
I also created user-flows to optimize the user's journey.
I also created user-flows to optimize the user's journey.
Design & Build
I created desktop, mobile, and paper-based mid-fidelity wireframes for the main user journeys, including Artist Portfolio, Booking, and Client Interaction. The primary focus was on the Booking Journey, ensuring a smooth, intuitive process for users to easily view availability and book sessions with Joce Flinn.
Design & Build
I created desktop, mobile, and paper-based mid-fidelity wireframes for the main user journeys, including Artist Portfolio, Booking, and Client Interaction. The primary focus was on the Booking Journey, ensuring a smooth, intuitive process for users to easily view availability and book sessions with Joce Flinn.
Moodboard
I decided to go down the direction of exploring DIY cultures, streetwear how tattoo culture influences this. We have found that tattoo enthusiast are very precious about their art. They associate authentic brands. Authenticity is the most important thing for the tattoo community.
User testing
User testing
I did a user testing with paper prototypes and below you can see some of the changes as the result of it.
I did a user testing with paper prototypes and below you can see some of the changes as the result of it.
Moodboard
I decided to go down the direction of exploring DIY cultures, streetwear how tattoo culture influences this. We have found that tattoo enthusiast are very precious about their art. They associate authentic brands. Authenticity is the most important thing for the tattoo community.
High Fidelity Prototype
High Fidelity Prototype
This high-fidelity prototype represents the closest visual and of the final product. Every detail, from typography and color schemes to interactive elements, is designed to provide a realistic user experience.
This high-fidelity prototype represents the closest visual and of the final product. Every detail, from typography and color schemes to interactive elements, is designed to provide a realistic user experience.
Key Features Highlight
Tattoo Website Case Study: A Journey of Authenticity and User-Centered Design
This case study explores the creation of a tattoo website designed to resonate with the tattoo community's deep appreciation for authenticity and individuality. Through a structured UX process, the project began with extensive research and analysis, including creating an affinity diagram, user personas, and storyboards to understand user needs and behaviors.
A seamless user flow and wireframes laid the foundation for the website's functionality, while the moodboard captured the essence of tattoo culture, DIY aesthetics, and streetwear influences. The project culminated in a high-fidelity prototype, showcasing a visually striking and intuitive design. This case study highlights the thoughtful integration of user insights and creative design to deliver a website that honors the art and community it represents.
Tattoo Website Case Study: A Journey of Authenticity and User-Centered Design
This case study explores the creation of a tattoo website designed to resonate with the tattoo community's deep appreciation for authenticity and individuality. Through a structured UX process, the project began with extensive research and analysis, including creating an affinity diagram, user personas, and storyboards to understand user needs and behaviors.
A seamless user flow and wireframes laid the foundation for the website's functionality, while the moodboard captured the essence of tattoo culture, DIY aesthetics, and streetwear influences. The project culminated in a high-fidelity prototype, showcasing a visually striking and intuitive design. This case study highlights the thoughtful integration of user insights and creative design to deliver a website that honors the art and community it represents.
Ink Stories- A UX Case Study
"Where Ink Meets Inspiration: Designs That Tell Stories"
Joce Flinn, a talented tattoo artist, approached us to create an MVP responsive website that showcases her artistry and helps her connect with potential clients. The goal was to design a platform that allows her audience to explore her portfolio, learn about her process, and seamlessly book a tattoo session. With a user-friendly experience at its core, the website ensures Joce can focus on her craft while reaching a wider audience and turning visitors into lifelong clients.
My Role: Product & visual Design, user research
Solo Project
Timeline: Sept 2024-Oct 2024
Tools: Figma, Miro
The UX Process
Deliverable for the project:
Competitive/Comparative Analysis, Survey, Affinity diagrams, Persona, User Journey, User Flows, Sitemaps, Paper wireframes, Medium fidelity wireframes, Usability Testing, High fidelity Mobile Screens, Specification Document.
Tools:
Google forms, Figma, Miro, Keynote
What I Set Out to Achieve and How I Achieved It
Because of the short time of three weeks to complete this project. I created a responsive website for the Tattoo artist, to
ensure the results I conducted thorough UX research, Including
competitive and comparative analyses. to understand industry standards and opportunities for differentiation.
User Persona & Storyboard
From Affinity diagram, we created two User Profiles and Scenarios, Storyboards.
Userflows
I also created user-flows to optimize the user's journey.
Design & Build
I created desktop, mobile, and paper-based mid-fidelity wireframes for the main user journeys, including Artist Portfolio, Booking, and Client Interaction. The primary focus was on the Booking Journey, ensuring a smooth, intuitive process for users to easily view availability and book sessions with Joce Flinn.
User testing
I did a user testing with paper prototypes and below you can see some of the changes as the result of it.
Moodboard
I decided to go down the direction of exploring DIY cultures, streetwear how tattoo culture influences this. We have found that tattoo enthusiast are very precious about their art. They associate authentic brands. Authenticity is the most important thing for the tattoo community.
High Fidelity Prototype
This high-fidelity prototype represents the closest visual and of the final product. Every detail, from typography and color schemes to interactive elements, is designed to provide a realistic user experience.
Tattoo Website Case Study: A Journey of Authenticity and User-Centered Design
This case study explores the creation of a tattoo website designed to resonate with the tattoo community's deep appreciation for authenticity and individuality. Through a structured UX process, the project began with extensive research and analysis, including creating an affinity diagram, user personas, and storyboards to understand user needs and behaviors.
A seamless user flow and wireframes laid the foundation for the website's functionality, while the moodboard captured the essence of tattoo culture, DIY aesthetics, and streetwear influences. The project culminated in a high-fidelity prototype, showcasing a visually striking and intuitive design. This case study highlights the thoughtful integration of user insights and creative design to deliver a website that honors the art and community it represents.