View

Chromesthesia

Digital

,

Print

,

Identity

,

Multimedia

,

A responsive e-commerce website design for Chromesthesia, showcasing a music-inspired t-shirt on both a desktop and mobile screen with a clean, modern layout and soft pastel accents.
A responsive e-commerce website design for Chromesthesia, showcasing a music-inspired t-shirt on both a desktop and mobile screen with a clean, modern layout and soft pastel accents.

Intro

Music-related clothing in a class of its own.

When asked to develop a brand and build an e-commerce website to accompany it, I launched Chromesthesia: an online shop that sells graphic t-shirts inspired by album covers.

A folded white t-shirt featuring a black and white album cover-style graphic with a distorted, glitchy effect, framed by a bold black border against a muted purple background.
A folded white t-shirt featuring a black and white album cover-style graphic with a distorted, glitchy effect, framed by a bold black border against a muted purple background.

00:00

/

00:00

A folded white t-shirt featuring a black and white album cover-style graphic with a distorted, glitchy effect, framed by a bold black border against a muted purple background.
A folded white t-shirt featuring a black and white album cover-style graphic with a distorted, glitchy effect, framed by a bold black border against a muted purple background.

Opportunity

An Offbeat Style

Designing a website to compliment the diverse catalog of products that this site would offer was a daunting undertaking, but if executed well it had the capacity to pay off greatly. This responsibility kick-started my research and ideation process, in which I discovered that I wanted to focus on a relatively basic structure for the website. This would allow for consistency and ease of use while also granting the injection of personality through bright colors, quirky fonts, and thoughtful microcontent.

Website screens for Chromesthesia, showcasing a t-shirt with an abstract, geometric album cover design. The layout includes featured releases, lyric highlights, and customer reviews.
Website screens for Chromesthesia, showcasing a t-shirt with an abstract, geometric album cover design. The layout includes featured releases, lyric highlights, and customer reviews.

00:00

/

00:00

Website screens for Chromesthesia, showcasing a t-shirt with an abstract, geometric album cover design. The layout includes featured releases, lyric highlights, and customer reviews.
Website screens for Chromesthesia, showcasing a t-shirt with an abstract, geometric album cover design. The layout includes featured releases, lyric highlights, and customer reviews.

Development

Working from a provided e-commerce template, I began by creating the necessary pages for the site while ensuring that its architecture was interconnected as intended before moving forward. Then, after building the more universal assets such as the header and footer, I added content throughout the site by incorporating images, titles, prices, descriptions, and tags for both the shopping and product pages. Shifting my attention to the homepage, I finalized the site by considering how various users would access the site. I approached its design through deliberate sectioning in an effort to accommodate the needs of both new and returning users by providing pertinent, yet dynamic information in one consolidated space.

A mobile-optimized e-commerce interface for Chromesthesia, featuring album-inspired t-shirt listings, product descriptions, customer reviews, and an order form with a minimalist design.
A mobile-optimized e-commerce interface for Chromesthesia, featuring album-inspired t-shirt listings, product descriptions, customer reviews, and an order form with a minimalist design.

00:00

/

00:00

A mobile-optimized e-commerce interface for Chromesthesia, featuring album-inspired t-shirt listings, product descriptions, customer reviews, and an order form with a minimalist design.
A mobile-optimized e-commerce interface for Chromesthesia, featuring album-inspired t-shirt listings, product descriptions, customer reviews, and an order form with a minimalist design.

Solution

Better Alternative

Chromesthesia would live as a conceptual online t-shirt shop that serves as the perfect platform to showcase and sell its diverse catalog of products. Through its individuality, careful planning, and attention to detail, this site offers a delightful experience to potential customers from all backgrounds.

A responsive e-commerce website design for Chromesthesia, showcasing album-inspired apparel across desktop and mobile layouts with product pages, shopping features, and a streamlined checkout process.
A responsive e-commerce website design for Chromesthesia, showcasing album-inspired apparel across desktop and mobile layouts with product pages, shopping features, and a streamlined checkout process.

00:00

/

00:00

A responsive e-commerce website design for Chromesthesia, showcasing album-inspired apparel across desktop and mobile layouts with product pages, shopping features, and a streamlined checkout process.
A responsive e-commerce website design for Chromesthesia, showcasing album-inspired apparel across desktop and mobile layouts with product pages, shopping features, and a streamlined checkout process.