Challenge
The source describes existing guide platforms as cluttered, outdated, or difficult to navigate. The project needed clearer search, filtering, and build customization, with an experience that worked across devices.
Diablo Builds
A multi-device Diablo IV build platform combining guides, character customization, calculator data, and simulation data.
Creative Director, Product Designer2023–2024Web & Digital, Systems & Interfaces, Brand & Identity
Hero visualAsset pending
/images/projects/diablo-builds/hero.webp
TODO: export final visual
Project snapshot
- Client / project
- Diablo Builds
- Role
- Creative Director, Product Designer
- Timeline
- Jun 2023 – Jan 2024
- Categories
- Web & Digital, Systems & Interfaces, Brand & Identity
Context and challenge
Diablo Builds was designed for Diablo IV players who wanted to read guides, create builds, and make character optimizations in one place.
Overview visualAsset pending
/images/projects/diablo-builds/overview-01.webp
TODO: export final visual
Selected visuals
Primary project applicationAsset pending
/images/projects/diablo-builds/gallery-01.webp
TODO: export final visual
Supporting applicationAsset pending
/images/projects/diablo-builds/gallery-02.webp
TODO: export final visual
Detail / system viewAsset pending
/images/projects/diablo-builds/gallery-03.webp
TODO: export final visual
Process and decisions
The documented process covered player research, competitive analysis, concept development, wireframes, interactive prototypes, high-fidelity UI, usability testing, and iterative refinement.
Design decisions
The work prioritized clear navigation, search and filtering, responsive layouts, recognizable branding, and user flows that could serve both casual and more optimization-focused players.
Technical decisions
TODO: Calculator and simulation data are mentioned, but the source does not state implementation responsibilities, technologies, or architecture.
Research / source materialAsset pending
/images/projects/diablo-builds/wireframe-01.webp
TODO: export final visual
Concept explorationAsset pending
/images/projects/diablo-builds/ui-01.webp
TODO: export final visual
Wireframes / compositionAsset pending
/images/projects/diablo-builds/color-01.webp
TODO: export final visual
Typography / color / identityAsset pending
/images/projects/diablo-builds/typography-01.webp
TODO: export final visual
Final design and applications
A visually consistent build platform with access to pre-made builds, character customization, sharing, and a structured database of strategies and tools.
Final design applicationAsset pending
/images/projects/diablo-builds/final-01.webp
TODO: export final visual
Final design detailAsset pending
/images/projects/diablo-builds/final-02.webp
TODO: export final visual
Outcome
The source documents a final launch and iterative user feedback, but does not provide a verified project outcome or business result suitable for publication.
Reflection
TODO: Add a verified reflection on leading creative direction and product design for the platform.