Overview
The Problem
How might we help Anthem Tattoo overcome its users' lack of enthusiasm for its current website solution? This case study delves into the challenges faced, the objectives set, and the journey undertaken to revitalize the digital face of our client's business.
The Approach
Research
Research Methods & Plan
A two-fold approach was employed here for my user research.
First, I conducted a round of usability testing on the current solution. This step was chosen to establish a baseline understanding of the current site's functionality, which will inform the features and improvements needed for the new solution.
Second, I performed market research, specifically conducting a competitive analysis to identify the strengths and weaknesses of the competition.
Number of users: 5 interviewees
Criteria: Users who have tattoos or might be planning on getting one soon.
Tools used: Conducted interviews via Zoom meetings over a 1 week period
Number of users: 5 interviewees
Criteria: Users who have tattoos or might be planning on getting one soon.
Tools used: Conducted interviews via Zoom meetings over a 1 week period
Overall impression of the site was not a favourable one
75% of users said the site was not welcoming
Disjointed & poorly organized were used to describe the site
Users were underwhelmed by the site
Users rated the likely hood they would use this site between 2-5/10
100% of users liked the logo
All users felt the addition of branded merch would be a good addition
Overall, the user testing was a success based on the feedback I received the overarching sentiment was the site although it was sufficient was missing several things and was not user-friendly. There were repeated pain points with navigation missing info and too much text was often mentioned. This had not provided enough to validate a new redesign.
Competitive analysis
Summary
This competitive analysis provided valuable insights. By examining three similar tattoo shop competitors, I identified their strengths and missing features, allowing for improvements to Anthem’s current solution.
Bombshell, Atomic, and Champion Tattoo are all top-tier competitors with excellent features and contemporary website designs. Champion Tattoo, the closest to Anthem, offers the most features, including its own podcast. Bombshell is the most complete, while Atomic has the most innovative layout but lacks a few features compared to Bombshell. Anthem Tattoo can close the gap by adding additional features and innovating its digital platforms. The current Anthem website is missing key features, such as a proper booking system, artist social media links, aftercare information, and brand merchandise.
The next step is to integrate these features to significantly improve the site and boost business for the brand.
Define
Personas
I developed these personas based off the preceding research findings validating the design choices prior to implementation. I referenced these throughout the design process and helped based off real user needs goals
User flows
Three user flows were developed to provide clarity on how users would accomplish specific tasks.
This was valuable by revealing the interactions and entry/exit points users will face.
Sitemap
New nav bar design was requested by users
Adding the Merch/Store meant i needed to implement this into the new sitemap
The sitemap now accurately reflects the final layout of the new site
Re-did the sitemap to reflect the new features and new design
Design
Sketches
The use of sketches to begin my design process was key in finding the best direction for the new layout and new features.
I began by sketching the key screens first revamping artist page home page for both mobile & desktop
Lo-fi Wireframes
Digital Wireframes
I focused on these key screens, which brought my design to life and validated my decisions based on user feedback.
Hi-Fidelity Mockups
Home
Checkout sucess
Artists
Merch
Buy a Hoodie
Visual System
Prototyping
Usability Testing
Conducted prototype usability tests through Lyssna
Recruited 13 participants
Users performed 3 different task flows
Book a consultation with Shawn
Buy a black Classic Hoodie
View Clark’s Artist page
Success was based on personal thoughts expressed and by how likley they are to use the site after completeing the tasks
Revisions needed/suggested
Next Steps
Results
Observations
“IIt looks great now, job well done”
“Quite the improvement,
very professional looking now”
“Logical sequence and made sense/easy to follow”
“Very easy to navigate and I liked the way the visuals were spaced out.”
Summary
The usability test for this redesign revealed a significant improvement in user experience, with participants navigating the site more efficiently and expressing greater satisfaction with its layout and new features. By refining key aspects, the redesign enhanced usability and overall effectiveness, ensuring a much more engaging online experience for visitors.
Changes/Iterating
The Solution
View Prototype
Other Screens
Here are some additional screens to highlight some of the expanded features and offer a thorough perspective on the user experience.
Reflections
What I learned
Reflecting on this project, I realized I learned a great deal and consider it a great success. I discovered that having a solid strategy is crucial for initiating the redesign process. Additionally, I recognized the significant value in the process itself. By thoroughly understanding user behavior, preferences, and tendencies, I was able to focus on what truly mattered, resulting in better outcomes
Future Goals