Case study · 2022

App Redesign — UX Overhaul

Client
Game-tooling app
Role
UI / UX · Information Architecture · Visual Design
Duration
2022

Design led at CXDojo · Co-author Olena Khozhylina

App redesign — information architecture overhaul and visual system.

A redesign of a live web app with 1,000+ users — rebuilding the information hierarchy around how people actually use the product, then layering in the visual design that the original release never had.

  • 1,000+ Active users at launch
  • 6 UX deliverables
  • 5 Screens redesigned
  • 2022 Year shipped

The problem

The app was already live with over a thousand users on board, but it lacked UI/UX design as such — closer to the early table-based programs that have little to no visual accents. It attracted only those who are no stranger to tech and aren't repelled by interface complexity and feature density.

The brief was simple to state and hard to deliver: enhance usability through UI/UX without breaking flows the existing technical user base relied on. Anyone who already knew the product had to find their place faster, not slower.

The approach

  1. 01

    Hierarchy by usage

    Segregated the most-used features and pulled them to the foreground. Secondary and tertiary tools moved into progressive surfaces so newcomers stop drowning in options on first open while power-users keep one-tap access to what they actually use.

  2. 02

    Layout for mental models

    Reorganised the layout around the user's mental model of the workflow rather than the original engineer-led grouping. Every screen now answers "where am I, what can I do here, what's next" before anything else.

  3. 03

    Visual design as a feature

    Added the visual layer the original release never shipped — type system, colour, spacing, and component states — so the same interactions feel deliberate rather than improvised. Components were specced for the team's engineers, not just shown in mocks.

Deliverables

  • Information hierarchy
  • UX flows
  • UI system
  • Visual design language
  • Component library
  • Screen specifications

Made with

  • Adobe Photoshop
  • Affinity Designer
  • Figma

In the work

Got something like this on your plate?

30-min discovery call. We'll tell you whether we're a fit and, if not, what kind of partner you should be looking for.

Chat on WhatsApp