Back to Case Studies
Case Study

Bloody Rose Boutique — Website Redesign

Turning a generic Shopify storefront into a moody, brand-true experience for Austin's home for alternative fashion.

Tools: Figma | Adobe Creative Suite
Role: Solo Designer
Before vs. After Analysis

Design Audit Comparison

Design Audit Score (1–10, qualitative assessment)
Before Redesign
After Redesign (Bloody Rose 2.0)
Brand & Aesthetic Alignment
Before: 2/10|After: 9/10
Atmosphere / Mood
Before: 2/10|After: 9/10
Photography & Art Direction
Before: 4/10|After: 9/10
Trust & Identity Signals
Before: 2/10|After: 8/10
Storytelling
Before: 3/10|After: 8/10
Navigation & Discovery
Before: 5/10|After: 8/10
Merchandising (Styling/Outfits)
Before: 2/10|After: 8/10

Overview

Bloody Rose Boutique is Austin's go-to destination for alternative fashion — dark streetwear, gothic jewelry, and gifts "for goths, punks, witches, and rockers," with a 4.9-star rating across nearly 90 reviews. It's a niche built entirely on aesthetic and atmosphere. The original website, however, ran on a stock Shopify storefront template with a flat white background — the visual opposite of the moody, candlelit, dark-romantic identity the boutique has built in person.

The goal of this redesign was to make the website feel like walking into the actual store: dim lighting, warm brass tones, dramatic product photography, and a clear sense of place — while still functioning as a real ecommerce and discovery tool for shoppers.

The Problem

Auditing the original site surfaced a few clear issues:

The brand's biggest asset — its aesthetic — was invisible.

A boutique built around gothic and alternative style was presented on a plain white ecommerce template with no mood, lighting, or atmosphere anywhere on the page.

Hero space spent on a temporary announcement.

The homepage's most prominent real estate was a hand-drawn "we moved locations" map graphic — useful for a few weeks, but not a lasting first impression of the brand.

Clashing visual styles.

A hand-drawn doodle map, flat-background product photography, and on-model lifestyle shots all sat next to each other with no unifying art direction.

No trust or identity signals.

Nothing on the homepage mentioned the 4.9-star reputation, the women-owned/LGBTQ+ friendly identity, or the in-store gallery and events — all things this specific audience actively looks for.

Product-first, no storytelling.

The page jumped straight into product grids ("Newest Additions," "Shop by Collection") with no narrative about who the boutique is or why it exists, beyond a few lines buried in the footer.

The Redesign

Pillar 01

Atmosphere before products

The new homepage opens with a full-bleed photo of the boutique's actual interior — exposed brick, hanging Edison bulbs, warm shadow — paired with the line "Austin's home for alternative fashion." This does in one scroll what the old site never did: establish mood.

Pillar 02

A dark, editorial visual system

The entire palette shifts from stark white to near-black with deep reds and warm amber lighting, paired with a serif display typeface (with italic accents) that reads as boutique-editorial rather than generic-ecommerce. This single shift makes the brand instantly recognizable and on-niche.

Pillar 03

Trust signals moved to the hero

The 4.9-star / 88 Google review badge, along with "Women-Owned" and "LGBTQ+ Friendly" identity markers, now sit directly beneath the hero — front and center instead of buried in the footer copy, where this audience is most likely to look for them.

Pillar 04

Editorial category navigation

Flat Shopify collection thumbnails are replaced with four large, moodily-lit photography tiles (Women's, Men's, Jewelry, Accessories) that double as both navigation and brand photography.

Pillar 05

Curated Collections, not just a product grid

An asymmetric "Curated Collections" section replaces the plain grid — a large apparel rack photo, dramatic macro shots of hanging jewelry and hardware, and smaller tiles for Bags & Accessories and Gifts & Merch, each styled like a magazine spread rather than a catalog page.

Pillar 06

"Complete the Look" styling module

A new section builds full outfits from styled photography — pairing a model shot with the specific pieces worn (Velvet Choker, Rose Lace Blouse) and their prices, adding a merchandising layer the old site never had.

Pillar 07

The physical boutique, front and center

Instead of a hand-drawn "we moved" map doodle, the redesign includes a proper "Experience the Boutique" section — hours, address, Get Directions and Call Boutique buttons, and warm in-store photography that sells the in-person visit as much as the products.

Impact & Transformation

Outcome

The redesign turns Bloody Rose Boutique's website from a generic Shopify storefront into a page that finally matches the identity of the shop itself — dark, atmospheric, and unmistakably alternative — while surfacing the trust signals (reviews, values, in-store experience) that matter most to its community. Product discovery is now paired with mood and storytelling instead of competing with a mismatched hand-drawn banner.