Cases

Modernizing a Music E-commerce store: The Rebuild and Rebrand of Mp3million

Written by
Bohdan Kononets
Category:
Cases
22 October 2020
12 min read
Redesigned Home page

There’s a specific type of brief that truly excites a designer: “We have something real, it works, and users love it—but it looks like it was slapped together in 2009. Make it feel like 2018 without breaking anything.” That was the case with Mp3million.

Mp3million is a music download store. Not a streaming service—a store: you pay for an album, and the file is yours forever. It’s a niche that mainstream platforms have quietly abandoned, yet the site maintained a fiercely loyal audience: predominantly men aged 45–65 from the USA, UK, Canada, and Australia who want to own their music library, not just rent it.

The brief was clear: a full rebrand, a complete redesign, and a total UI/UX rebuild. The client loved our Google Play Music redesign concept and wanted something similar, but better. No pressure.

Logo: A Dynamic System instead of a Static Mark

(image)

The previous branding was cluttered. The client had one simple request: simplicity. No lions, no hourglasses, no metaphors that required an explanation. Just a clean wordmark that reads instantly.

We developed a typographic logo with custom lettering, but the real magic was hidden in the letter “O” in the word million:

  • It became a dynamic slot.
  • For New Year’s, Valentine’s Day, or Easter—it changes.
  • The brand literally celebrates alongside its users while remaining perfectly recognizable.

Seasonal variations became part of the ecosystem: marketing materials, newsletters, and social media banners all followed the same logic. It’s a small detail, but it makes the brand feel alive rather than frozen in time.

Design System: A Foundation for 175,000+ Artists

Responsive screens
Responsive screens

Developing a scalable e-commerce design system was crucial for managing a digital music catalog of 175,000+ artists without losing performance. Our philosophy remains the same: we don't start with screens; we start with the system. Every component, token, and state is defined once and inherited everywhere. The result is a product that remains visually consistent whether you are deep in the genre catalog or on the balance page.

Visual benchmarks:

  • Stripe — for impeccable readability and information hierarchy.
  • Google Play — for its vibrant color energy.

Also we built in full responsiveness (375px, 768px, 1440px) and Retina/4K support from day one. Since the audience is older, the interface couldn't rely on the user "figuring it out." Everything had to be obvious.

Artist and Album Pages: Where Product Meets Music

Artist page details
Album page details

This was the trickiest balance. Streaming services focus on "vibe" (dark backgrounds, moody full-screen imagery), but Mp3million is a store. Here, the user is making a purchase decision.

We designed a structure where:

  1. The album cover dominates, creating the proper musical context.
  2. The decision-making architecture is pulled from best e-commerce practices: clear pricing, transparent formats, and an obvious Call to Action (CTA).

We optimized the conversion funnel by blending editorial music aesthetics with high-performance retail UX principles.

Custom Iconography and Graphics

Musical genre iconography

A rebrand wouldn’t be complete without its own graphic DNA. We developed a custom set of icons—rounded, geometric, and full of character. We loved this style so much that we eventually expanded it into a standalone icon pack available for purchase.

[Link 1] [Link 2]

Ambitions and Operational Support

We designed the site with a future-proof roadmap in mind. The UI was built to accommodate an integrated web player and cloud-based album creation. Although the client currently remains in the download-to-own model, the architecture is ready for a pivot to streaming at any moment.

Since August 2018, we have provided ongoing operational support:

  • Development of marketing materials (banners, newsletters).
  • Launching seasonal campaigns (Valentine’s Day, New Year after party).

Thanks to the design system, the production time for new campaigns was cut drastically (and this was before AI—you wouldn't believe what we can do now! 🙂).

Project Stack & Expertise:

  • Industry: Music Tech / Digital E-commerce.
  • Solutions: UX Audit, Brand Identity, Marketing Materials, Scalable Design Systems, UI/UX Rebuild, Mobile-first Responsive Design.
  • Key Features: Music Catalog and Filters, Artist/Album/Playlist Pages, Integrated Music Player, Multi-currency Payment Flows (Credit Cards, Bitcoin), Automated Newsletter Engine, Seasonal Brand Assets.

What Made This Project Truly Interesting

The client found us through our Google Play redesign concept. That was a "spec" project—not for a paid client, just something we published in our portfolio. It brought us a real client with a real budget who said: "I want this quality applied to my product."

This is the loop that interests us: doing work that attracts the right attention, which in turn brings projects that allow us to push quality even further.

Mp3million was a genuine product challenge. Real audience, real commercial stakes, and a clear niche ignored by the giants. The design had to work for a 52-year-old from Ohio who wants to buy a Fleetwood Mac album and own it forever. That user doesn't forgive confusion. The product either works for them—or it doesn't.

Building a music platform or a high-load e-commerce store? Let’s talk

Need a similar design?
Contact us
Authors
Bohdan Kononets
CEO and Design Director
FAQ

Frequently Asked Questions

Who are these solutions best suited for?

We design around complex, high-stakes products rather than simple marketing sites. Our solutions are best suited for B2B and B2C SaaS, fintech, sports tech and iGaming teams dealing with high-load dashboards, internal tools, betting platforms or multi-platform ecosystems. Most of our clients are startups and scale-ups that need a consistent design and engineering partner instead of a one-off creative studio.

What's the difference between a fixed‑price sprint and a long‑term retainer?

Fixed‑price sprints (like Fundraising Concept or Product Audit & Discovery) have a clearly defined scope, timeline and deliverables — for example, a 4‑week concept sprint or a 2–3 week audit. They are ideal when you need a sharp, focused outcome. Long‑term retainers (like Post‑MVP Evolution or Dedicated Product Units) are built for continuous evolution: we join your roadmap, work in sprints, and adjust priorities as your product and metrics change. You get a predictable monthly budget and an embedded team instead of re‑negotiating every feature.

How do I choose between Pitch Deck & Product Concept, Post‑MVP Evolution, Product Audit & Discovery, and Product Rebuild & Redesign?

Pitch Deck & Product Concept is for 0→1 founders who need to raise capital before writing production code – we turn your vision into an investable narrative and clickable concept. Post‑MVP Evolution is for Seed / Series A teams with a live product that needs faster iteration, stronger UX and a real design system. Product Audit & Discovery is for products facing churn, stagnation or negative feedback – we diagnose UX and tech friction and give you a prioritised roadmap. Product Rebuild & Redesign is for mature or legacy platforms that have hit a growth ceiling – we modernise brand, UX and code without breaking the business logic that already works. If you’re unsure, we start with a short discovery call and map your current stage to the right model.

How is "Engineering Design" different from a regular creative agency?

Regular agencies optimise for “wow” moments and campaigns. We optimise for systems and product performance. We treat design like code: modular, scalable and logic‑driven. Instead of drawing standalone screens, we build design systems, patterns and documentation that your developers can implement without guessing. That’s why our solutions always combine product & interface design, brand identity, web app engineering and marketing assets into one coherent system.

Do you work with startups or only established companies?

Both. Our clients range from early-stage founders raising their first round to enterprise teams scaling complex platforms with millions of users.

What do clients value most about working with Flatstudio?

Clients consistently highlight three things: deep industry knowledge, logical and scalable design systems, and honest communication. We challenge weak decisions early rather than executing them blindly.