Vista previa interna de BluePixel: el sitio bluepixel.ai aún no está publicado. Los formularios están desactivados y no envían datos. · Internal BluePixel preview: forms are disabled and send no data.

Skip to content

Home / Case studies / Electronics retailer

Retail and e-commerce · Service 03 · Digital Platforms

Electronics retailer case study

Full-screen checkout, product pages with key data and well-organized categories.

Specialties: UX · UI · Web development

Smartwatch catalog in the app on a phone

Project scope

needs from the brief addressed
5
areas redesigned: discovery, product, purchase and promotions
4
stages, from requirements analysis to QA
4

Project facts. Result figures are published only with a source and a date.

The goal

Where we started

Design and build an intuitive, well-structured mobile app to sell tech products that improved usability and navigation, supported seasonal campaigns and increased conversions.

The challenge

A large catalog that, on mobile, had to gain clarity, speed and commercial performance.

  • Large catalog with unclear product discovery
  • Poorly organized categories
  • Product information hard to reach
  • Checkout to be simplified
  • Promotions with low visibility
The approach

How we did it

  1. Requirements analysis
  2. Architecture, sitemap and task flows
  3. UI discovery and visual design
  4. Development and quality assurance (QA)
The solution

Compare the flow: before and after

Mobile shopping redesigned end to end: requirements analysis, architecture and flows, UI design, development and QA.

Before
  1. Large catalog with unclear product discoveryfriction
  2. Poorly organized categoriesfriction
  3. Product information hard to reachfriction
  4. Checkout to be simplifiedfriction
  5. Promotions with low visibilityfriction
After
  1. Navigation with organized architecture and strategic menus
  2. Product pages with key data and quick access to specifications
  3. Full-screen modal checkout, with financing and several shipping options
  4. Section for discounts and seasonal offers
  5. Warranties in plain sight when choosing the product
Schematic reconstruction of the flow described in the case study. It is not a screenshot of the client's system. Drag, tap or use the keyboard arrow keys to compare.
Gallery

How it turned out

Product page with warranty plan and delivery options
Product page with warranty plan and delivery options
Product, cart and payment screens of the app
Product, cart and payment screens of the app
Product page and cart on two phones
Product page and cart on two phones
Impact

What changed

  • Better product discovery
  • Less friction at checkout
  • More visibility for promotional campaigns

Does your case look like this one?

A person on our team will reply.