E-commerce development

A Shopify store for superhero-inspired athleisure

Industry E-commerce / Fashion
Services E-commerce development
Year 2016
I AM SUPERHERO homepage
The Challenge

A store built around the characters

I AM SUPERHERO makes athleisure inspired by superheroes. Names such as Wayne, Parker and Kent are part of the product range, so customers needed a way to browse by their favorite character.

The client also wanted to connect items that could be bought together. Product pages needed to show the clothing, size options and complementary pieces clearly.

Our brief was to adapt the Shopify store to that way of shopping and the brand's existing visual identity. The store also needed to explain its commitment to donating part of each sale to an anti-bullying organization.

The Solution

From the theme to product selection

Custom theme

We adapted the Shopify theme to the brand's orange-and-black palette and visual style.

Character collections

Navigation and filtering let shoppers explore collections named after superhero alter egos.

Related products

Product pairing shows shoppers which pieces can be bought with the item they are viewing.

Add-ons and donation message

The purchase flow includes additional product offers and information about the donation from each sale.

The Platform

How customers shop

A shopper can start with a character collection, open a product and choose a size. Related clothing appears alongside the item and can be added to the order. The same browsing approach works on desktop and mobile.

Explore the range
  • Wayne, Parker, Kent, Allen and Rogers collections
  • Character filters and individual product pages
  • Layouts for mobile and desktop screens
Build an order
  • Product pairing and bundle offers
  • Checkout customization and additional product offers
  • A visible message about the donation from each sale
iamsuperhero.com
Product collection page
Collection page mobile view
Product page mobile view
iamsuperhero.com
Product detail page
What the work enables

The brand concept carries through to shopping

Recognizable collections

Characters shape collection names and navigation, making the brand's theme part of how customers explore the range.

From one item to an outfit

Related-product offers show complementary clothing without asking the shopper to search through the collection again.

A visible donation commitment

The message beside the product explains that part of each sale goes to an anti-bullying organization.

The brand on Shopify

The custom theme and product structure connect the brand's visual identity with the functions of its online store.

Share this project
Scroll