Anthem Tattoo Co

Anthem Tattoo Co

Anthem Tattoo Co

A complete redesign & modernization of Anthem Tattoo’s website

A complete redesign & modernization of Anthem Tattoo’s website

A complete redesign & modernization of Anthem Tattoo’s website

too much text I’m not sure I would read it all

this site feels a bit unfinished

how do i book a consult?

this link is broken

Old Design

Overview

Anthem Tattoo is a popular tattoo studio based in Edmonton, Alberta, Canada. With a already impressive and growing number of followers the studio has a ton of potential. With all that being said however, it’s online presence has some room to be improved upon.

Anthem Tattoo is a popular tattoo studio based in Edmonton, Alberta, Canada. With a already impressive and growing number of followers the studio has a ton of potential. With all that being said however, it’s online presence has some room to be improved upon.

The Problem

The current online solution has room to evolve and more fully capture the essence of the studio.

The current online solution has room to evolve and more fully capture the essence of the studio.

In the dynamic world of body art, first impressions matter. For Anthem Tattoo, a relatively new tattoo shop, the need for a website redesign became more evident after testing the current site with several users. Users noted that their online experience could be improved, which may help attract more potential clients

In the dynamic world of body art, first impressions matter. For Anthem Tattoo, a relatively new tattoo shop, the need for a website redesign became more evident after testing the current site with several users. Users noted that their online experience could be improved, which may help attract more potential clients

In the dynamic world of body art, first impressions matter. For Anthem Tattoo, a relatively new tattoo shop, the need for a website redesign became more evident after testing the current site with several users. Users noted that their online experience could be improved, which may help attract more potential clients

too much text I’m not sure I would read it all

this site feels a bit unfinished

how do i book a consult?

artists should have its own nav bar title

this link is broken

Old Design

My goals for this project was to help improve Anthem’s online website experience, extend their brand market reach and expand its business goals. With the addition of a merch section I have completely revamped and modernized the site from its current solution.

My goals for this project was to help improve Anthem’s online website experience, extend their brand market reach and expand its business goals. With the addition of a merch section I have completely revamped and modernized the site from its current solution.

How might we help Anthem Tattoo boost user excitement and engagement with 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

The journey began with the understanding that a website serves as a virtual storefront for a tattoo shop. Anthem Tattoo's existing site felt somewhat incomplete and had areas for improvement, likely causing some user frustration Therefore, empathetically designing a user-friendly digital space that reflects the shop's unique artistry is crucial.

The journey began with the understanding that a website serves as a virtual storefront for a tattoo shop. Anthem Tattoo's existing site felt somewhat incomplete and had areas for improvement, likely causing some user frustration Therefore, empathetically designing a user-friendly digital space that reflects the shop's unique artistry is crucial.

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.

Usability Test - Original site

Usability Test - Original site

  • 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 1 week

“The site has bit too much text”

“The site has bit too much text”

“I want to see more of the artists work”

“I want to see more of the artists work”

“I wish there was a book a consult page ”

“I wish there was a book a consult page ”

Overall impression of the site was that it could be improved

75% of users said a consult page is needed

Missing certain features were expressed by users

Users said there was too much text in some places



  • Overall impression of the site was that it could be improved

  • 75% of users said a consult page is needed

  • Missing certain features were expressed by users

  • Users said there was too much text in some places



100% of users liked the logo

All users felt the addition of branded Merch would be a good addition

  • 100% of users liked the logo

  • All users felt the addition of branded Merch would be a good addition

  • 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 that the site, while it served its purpose, there were a few missing elements that could enhance the overall experience. There were repeated pain points in terms of navigation, missing info and too much text was often mentioned. All of these things provided enough to validate a new redesign.

Users believe that improving their experience could help attract more potential clients.

Users believe that improving their experience could help attract more potential clients.

Users believe that improving their experience could help attract more potential clients.

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 worthy 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 platform. The current Anthem website is missing some key features, such as a proper booking system, artist social media links, aftercare information, and their own 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 on real user needs and 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


  • A 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

Hi-Fidelity Mockups

Home

Checkout sucess

Artists

Merch

Buy a Hoodie

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

Hi-Fidelity Mockups

Home

Checkout sucess

Artists

Merch

Buy a Hoodie

Visual System

Prototyping

I created a prototype for the website redesign to visually demonstrate the proposed improvements and validate design decisions through user testing.



I created a prototype for the website redesign to visually demonstrate the proposed improvements and validate design decisions through user testing.

Usability Testing

  • Conducted prototype usability tests through Lyssna

  • Recruited 13 participants

  • Users performed 3 different task flows

  1. Book a consultation with Shawn

  2. Buy a black Classic Hoodie

  3. 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

Fix minor alignment/spacing in navbar

Changed merch thumbnails to the left

Add images of models wearing the merch

Consistent buttons for a more consitentcy

Fix minor alignment/spacing in navbar

Changed merch thumbnails to the left

Add images of models wearing the merch

Consistent buttons for a more consitentcy

Next Steps

Implement changes



Implement changes



Results

100% said the layout matched its intended purpose

92.3% said the information architecture made sense to them

30% rated the layout a perfect 100% while 65% rated it as excellent

only 8% said it needed improvement

100% said the layout matched its intended purpose

92.3% said the information architecture made sense to them

30% rated the layout a perfect 100% while 65% rated it as excellent

only 8% said it needed improvement

Observations

Overall, the feedback received from the usability test was very positive. With some useful recommendations and insights noted from users.


Overall, the feedback received from the usability test was very positive. With some useful recommendations and insights noted from users.


“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

A complete redesign & modernization of Anthem Tattoo’s website

A complete redesign & modernization of Anthem Tattoo’s website

A complete redesign & modernization of Anthem Tattoo’s website

View Prototype

I've enhanced the overall visual identity by integrating modern design elements with the essence of the tattoo industry's heritage.

I've enhanced the overall visual identity by integrating modern design elements with the essence of the tattoo industry's heritage.

I've enhanced the overall visual identity by integrating modern design elements with the essence of the tattoo industry's heritage.

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

Future goals for Anthem Tattoo include expanding the artist roster showcasing artist portfolios more effectively, adding and fostering a community section to encourage engagement through art events and collaborations showcasing the diverse artistic styles of the resident tattoo artists. 

See next projects

Lets Connect!

DESIGN

back to top

See next projects

Lets Connect!

See next projects

DESIGN

Lets Connect!

back to top