All projects

UI/UX · E-commerce · Interface design

Mindfactory Redesign

Buying one component and building a whole PC need different routes through the same shop.

When
Summer term 2022
Project stage
Independent student redesign and Figma prototype
Context
Design Foundations 2 · Internet der Dinge · HfG Schwäbisch Gmünd
Laptop mock-up displaying the redesigned Mindfactory PC configurator.
The PC configurator brings component categories and the current total into one overview.
01

Map the shopping journeys

The team selected Mindfactory after comparing several possible redesign subjects. Competitor research and screen-flow mapping examined how people move between categories, products, saved items and checkout. Personas described different shopping goals, from replacing one part to assembling a PC. These scenarios helped organise needs and ideas before the team drew a proposed journey through the redesigned shop.

A screen-flow map traces Mindfactory’s existing navigation from the homepage through checkout.
Mapping the existing screens connected product discovery, comparison and checkout.
02

Work through the structure first

Sketches and low-fidelity prototypes explored possible layouts before the screens moved into a mid-fidelity stage. This made it possible to work through navigation and component selection across connected views. Several iterations then developed the final interface and Figma prototype. The process moved from the overall shopping journey towards the individual controls and information needed at each step.

A set of mid-fidelity wireframes explores the redesigned shop and PC configurator.
Mid-fidelity screens develop the connected shop and configuration views before the final styling.
03

Keep the whole build in view

The configurator presents the build through component categories, with selected parts marked and the current price visible beside them. Main components, accessories and services divide the choices into manageable groups. Visitors can start from a preset or configure a PC from the beginning. The final overview brings those separate decisions together before the configuration moves into the cart.

The redesigned PC configurator shows a computer, component categories, selected-part checkmarks and a total price.
The configuration overview shows selected component categories and the current total.

What I take from it

The PC configurator gives the redesign a concrete focus: individual product choices need to remain understandable as parts of a larger build. Mapping that journey helped connect page structure with the decisions made along the way.

The people behind it

Team
Jakob Finkenzeller · Stefan Cristian Licu · Simon Feldmann

Supervision
Philipp Brucker