Diablo Builds

Brand and interface design for a Diablo IV guide and character-planning platform.

Brand and interface design for a responsive Diablo IV guide, calculator, and character-planning platform.

Creative Director2023–2024Web & Digital, Systems & Interfaces, Brand & Identity

Retained identity study for Diablo Builds.

Project snapshot

Directed: creative and UX/UI design direction. Co-created: the brand identity, interface designs, wireframes, prototypes, and responsive flows with the design team. Supported: ongoing design work for the live Diablo IV platform.

Client / project: Diablo Builds
Timeline: Jun 2023 – Jan 2024
Role: Creative Director
Categories: Web & Digital, Systems & Interfaces, Brand & Identity

Deliverables: Brand identity, Responsive interface system, Wireframes, Interactive prototypes, Responsive flows
Skills: Creative direction, UX/UI design direction, Brand identity, Interface systems, Wireframing, Prototyping, Responsive design

Archived preview

Organizing Diablo IV build planning

Diablo Builds brought Diablo IV guides, character planning, and calculators into one responsive web platform.

Challenge

The design needed to make dense game information, guides, and build-planning tools clear across desktop and mobile.

Identity and interface studies for dense game data

Archived Diablo Builds character-planner UI showing paragon and character statistics — Archived product UI for a character-planning tool.

Diablo Builds responsive interface concept with a guide, build tools, and class overview cards — Responsive web-platform interface concept.

Diablo Builds tooltip component studies for items, skills, glyphs, and statistics — Interface-system studies for dense game data.

Direction, collaboration, and responsive flows

I worked with the design team on the identity, interface concepts, wireframes, prototypes, and responsive user flows, then supported the ongoing design work.

Design decisions

I focused the direction on clear navigation, useful search and filters, a recognizable identity, and responsive flows for browsing guides and planning characters.

Constraints

The interface had to handle detailed build information while staying readable for both newer and experienced players.

A responsive guide and planning platform

The designs covered guides, character planning, calculators, search, filters, and build details across responsive concepts and prototypes.

Outcome

Diablo Builds was live while I worked with the team.

Reflection

The project brought brand and interface design together around a dense game-planning tool.

More from the project

Archived Diablo Builds account-creation UI shown in a phone mockup with an old project-domain email

Diablo Builds skill-selection interface prototype with enhancement icons

Bring this thinking to your project.

If this case study is close to what you are working on, introduce yourself by email and share a little context.

Get in touch View CV