By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

ANARCHY

E-commerce website homepage on a laptop screen showing two models wearing gray ANARCHY brand T-shirts beside text promoting luxury style with a shop now button.

Anarchy

Anarchy is a clothing brand built on the Shopify platform. They believe in making you confident and reflect a strong persona through your clothes. They want you to feel the zeal, passion, care, and confidence built through their specialized apparel segment.

The founders of Anarchy say, "when big dreams meet unshakable passion and creativity, there is no force capable of stopping them." The same saying led them to set up and run a successful store.

Upon conducting a 360 website audit of Anarchy’s website, we proposed a set of services that could help them scale quickly and improve their overall website performance. A few of those services are:

Services

UI/UX Design & Shopify Custom Development

Industry

Streetwear

Project Head

Devang

Purpose

Redesigning & Smooth
User-Experience

The Problem

With so many emerging marketplaces, this clothing brand found it challenging to create a brand identity among the netizens.

They wanted a clean and minimal website where customers could easily navigate through all their pages, find all about the ongoing discounts, and most importantly, understand the brands' vision. We figured out the following challenges for Anarchy:

1

They needed an eCommerce website that could give a similar shopping experience as in-store shopping.

2

Unclear Information Architecture prevented users from finding what they exactly needed.

3

Their website lacked a visual hierarchy, leading to fewer visitors engaging with the site.

4

Over complicated navigation resulted in a high bounce rate. Anarchy feared a sense of getting lost in the ecommerce ecosystem.

The Solution

We created several case studies, fetched complete audit research, and conducted various competitive researches. After analyzing the complete case scenario of Anarchy, we shared the audit reports with their team and further proceeded with revamping their old website in the following manner:

How we manage the project?

A Complete user research followed by persona-based journeys to arrive at a design that’s intuitive yet simple.

UX Design

UI Design

Interactive

Development

1

Structural design change

We tested Anarchy's website and built various user profiles, journeys, and case stories  following which the store resulted with a perfect and clean UI, just as Anarchy wanted it. which were then applied to a navigation structure and information architecture.

We also created various focus groups and performed real-time user-testing.

E-commerce homepage wireframe with navigation bar, featured product with image placeholder and text, new arrivals section with product image placeholders and prices, categories grid, and promotional block with call to action buttons.E-commerce product listing page with filters on the left for category, collections, size, and price, and nine product placeholders arranged in a grid with placeholder images and prices.Webpage layout of a podcast site featuring podcast title ‘Before The Money,’ placeholder images, episode summaries, and navigation menus.Website layout with logo, search bar, user icons, and four content sections featuring placeholder images and sample text titled Recreation Capsule and Lorem Ipsum.

10+

Screens

Colors & Typography

After defining the Information Architecture, we created a color palette and Typeface that resonated with the branding of Flashhouse.

Typography

Primary Font

Articulat CF

Aa Bb Cc

Colors

Primary Colors

#000000

#FFFFFF

2

Easy navigation

Anarchy focused on how users can quickly understand the brand's motive by landing on their website. They wanted every menu and button to be highlighted and placed correctly.

With our brand-oriented revamped UI design, we were able to bring the required navigation structure and information architecture!

Website sitemap diagram showing Landing Page leading to Shop, About us, Blog, Contact us, and Footer; Footer links to Policy, FAQ, and Testimonials.

3

Minimal UI

After defining a clear brand guideline, our team adapted the site's design as per the guidelines and proposed wireframes. This helped Anarchy to communicate its brand's vision and offering more effectively.

Creating a specific brand guideline was one of our first and foremost priorities as we started to work with Anarchy.

Online clothing store homepage featuring men’s casual apparel including t-shirts, shorts, sweatshirts, accessories, and collections with models posing in various styles.Product page showing a male model wearing a black Acid Kanji Shell Tee with front and back views; size options, price $35, and related product suggestions below.Online clothing store page featuring various models showcasing casual streetwear including graphic tees, shorts, and sporty outfits with price tags.Fashion website page showing diverse models wearing casual streetwear with the Anarchy brand logo and navigation menu.Online shop page for Anarchy brand displaying various men's clothing items including hoodies, tees, and shorts in different colors with filter options on the left.

15+

Screens

Frictionless user experience

4

Upon successfully setting up the website, we tested it many times internally, and it went through multiple testing phases. After getting the thumbs up from team Anarchy, the website was launched successfully.

Since that day, we have been delivering the perfect results that AnarchyPotter Hemp looked for, and they highly appreciate our efforts in making this a success.

Product page showing a male model wearing a black Acid Kanji Shell Tee with front and back views; size options, price $35, and related product suggestions below.Size chart for Acid / Kanji Shell Tee showing chest, length, and sleeve measurements in inches for sizes S to XXL alongside a T-shirt diagram.

Full Responsive

After defining the Information Architecture, we created a color palette and Typeface that resonated with the branding of Flashhouse.

Let's hear it from the Founder of Anarchy Label...

Results

Post the launch of their new website, Anarchy witnessed a rise in engagement and traffic on its product pages.

+65%

Increase in Online Store Sales

40%

Reduction in Bounce Rate

+60%

Increase in Conversion Rate

Abstract black shape with smooth, flowing curves on a transparent background.Abstract black organic shape with a curved edge on a transparent background.Simple black silhouette of a bird in flight facing right with wings spread upward.Black abstract organic blob shape on a white background.

Ready to reinvent your Shopify store design?

Friction Studio has helped hundreds of small eCommerce businesses over the years, to develop custom websites, create stunning brand designs, analyze engagement behavior, and offer a complete website makeover that takes businesses to the next level of success. Connect with us to book a session today!

Let's Talk!

Logo
Abstract black organic blob shape with smooth wavy edges on a white background.