Work

About

Linkedin

Bold Commerce
2023

VIEW

Redesigning Bold's Shopify Demo Stores

My Role

Shopify Developer

Brand Designer

Project Manager

collaboration

Shopify Team

Sales Team

Apps

Subscription

Upsell

Custom Pricing

Discount

Read Time

2 Mins

image 1
image 2
image 3
image 4
image 5
image 6
image 1
image 2
image 3
image 4
image 5
image 6

PROJECT
BACKGROUND

bath_private
After rebranding Bold Commerce, the next step was to align our Shopify demo stores with the new brand image. I took charge of this project to ensure that our online interfaces not only looked the part but also provided an improved interactive experience, all within the existing content framework.

Market Research

Competitors cluttered their stores, confusing customers. In response, I focused our Shopify demos with distinct, clear use cases that highlighted our product features effectively.

Challenge
Rebranding the demo stores was crucial to meet current design trends and embody Bold's standards. Updating the UI for our established Shopify products was needed, but it was essential to do so without a complete content overhaul.
Shopify1

User
Interviews

partner_exchange
Direct conversations with clients shaped our approach, providing the insights needed to redefine the industry benchmark for an online brand experience.
Drag Me
SMB Clients
  • Deliver a polished demo experience that deepens the Bold brand relationship.
  • Highlight key flows without overwhelming first-time viewers.
Shopify Team
  • Boost conversions with clearer feature storytelling.
  • Showcase product value through focused, high-impact screens.
Support Team
  • Reduce support tickets by clarifying UI patterns in the demo stores.
  • Surface the most common workflows in a guided, intuitive way.
Technical Writers
  • Provide flexible layouts that adapt to evolving documentation needs.
  • Ensure content blocks are reusable across help-center scenarios.
Dev Team
  • Lower custom build requests by standardising key components.
  • Keep implementation lightweight so iterations stay quick.

Strategic
Approach

architecture
Selected a unified theme centered around a virtual Bold coffee roaster store, complete with coffee beans and equipment, to establish a connection with potential clients through a familiar and engaging experience. This thematic choice was carried out in the product visualizations for all demo stores, guaranteeing a consistent and relatable story. This approach encompassed:

Tailored Product Displays

Designed Bold-branded coffee products to display subscription and upsell features effectively.

Case-Specific Solutions

Developed unique offerings like 'Coffee without Limit' to provide distinct subscription experiences.

Marketing Synergy

Repurposed the branded products for use in Shopify app listings, linking the company website and demo stores visually and experientially.

Impactful
Outcomes

diversity_2
The revamped demo stores made a significant impact:

Client Trust

For SMB Clients, elevated demos reinforced the Bold brand and deepened relationships.

Higher Conversion

For the Shopify Team, a focused design strategy improved presentations and increased conversion rates.

Support Load

For the Support Team, clearer demo store interfaces reduced inbound inquiries.

Help Content

For Technical Writers, a more flexible UI enabled quicker, more varied documentation.

Dev Speed

For the Dev Team, fewer custom design requests streamlined customer builds.

Checkout Without Limit

Bold Commerce

Checkout Without Limit

Unleashing Rokit's Wearable Revolution

Rokit Life

Unleashing Rokit's Wearable Revolution