versionicon linkedin
2021-2023

“Experience unparalleled off-road driving in Offroad Truck Simulator: Heavy Duty Challenge®. This game delivers an exhilarating off-road experience with an extensive fleet of massive and powerful trucks.”

Product design for the PC game.
Posted: 12/09/2023 - 5 minutes read
User Flow 2021

My Responsibilities:

As a hands-on Lead Product Designer, I managed the team of senior designers and was responsible for design and implementation of UX/UI and, the design of the product.

Skills used:

Icon Digital
Visual Design

Art Directing - Cinematic Directing - Font Design - Icon Design - Logo Design -  - Motion Design - Prototyping - Storyboarding - 3D Modelling and Rendering

Icon Digital
User Experience

UX Design - GUI Design - A/B Testing - User Research - Wire-framing - Interface Programming - Market Research - Surveys

Same Height Control
Icon Digital
Leadership

Team Management - Style Guide Creation - Documentation writing - Production Scheduling

Chapter zero

The Process

My design process involves multiple interconnected stages as illustrated in this diagram. It starts with user immersion and empathy-building activities to deeply understand the target audience. 

This is followed by comprehensive research into competitors and market trends to gain valuable context. With user and business insights in hand, I translate requirements into structured design documentation and early prototypes.

HDC Process
Chapter 1

Emphasise

HDC Emphasise

 Emphasise

I began by playing the game to understand the user experience, taking notes on key issues like the lack of a tutorial explaining controls. 

 Research

Despite not being a driving game fan, I invested time to build empathy with the product and community by watching related YouTube videos and streams, reading comments, and learning about industry challenges. 

 Design Document

After comprehensive research into competitors and access to design documents from the lead designer, I broke down the product into screens and began iteratively prototyping the interface design in Figma to solve for the user needs identified.

Research

Surveys and User Persona

I Collaborated with marketing on research to build detailed user personas.

We conducted surveys, analyzed social media, and synthesized data to understand target users' motivations and expectations.

One of the surveys - results
User Flow 2021
Chapter 2

The Greyscale Prototype

I proposed greyscale prototypes as the fastest way to turn ideas into tangible discussion pieces. These basic, low-fidelity wireframes allow me to quickly visualize and test core layout and structural concepts without getting bogged down in visual details too early.

HDC Greyscale-tv

Greyscale prototypes are an invaluable tool for rapidly iterating on fundamental user flows, information architecture, and interaction models. By stripping away aesthetic considerations initially, I can laser focus on nailing the underlying experience with stakeholders before committing substantial design resources. These prototypes promote productive critiques, spur innovative solutions to usability challenges, and ensure I'm solving the right problems from the outset.

Screen examples
placeholder image
placeholder image
placeholder image
placeholder image
Information architecture
User Flow 2021

Chapter 2.1

The User Experience UX

HDC is a difficult game, it's a niche product, but players will be expecting the best.

The UX was very important for us. We Also wanted to learn more about customers, this knowledge could be used during the launch marketing campaign. The tutorial in this example was a crucial part of the gameplay. 

Example: making of on-boarding, storyboard and dev-doc
User Flow 2021
Chapter 3

Visual Direction
Brand ID

HDC logo

“We've decided to redesign the brand to the new one, to give it more modern and sporty look.”

After analyzing the market trends, I proposed a duotone logo with a white accent.

Colours
User Flow 2021
The combination of yellow and black is often linked to the construction industry and warning signs.
Typography
User Flow 2021
I chose clear, readable fonts like Work Sans and Roboto Condensed to align with user expectations. Icons kept a consistent circular style for visual cohesion.
Typography
User Flow 2021
Typographic guidlines
Fonts and icons
User Flow 2021
We created two custom fonts containing all in-game icons and console buttons which were used in settings and tooltips.

Brand ID

The Design System

I began with fundamentals like typography, grid, and colors, then built up from there.

The design system supported PC, console, various resolutions, and multi-monitor.

Design system in Figma
User Flow 2021

Universal Component

To simplify the interface I created a reusable "universal component".

It was possible to turn on and off functions of this component and reuse them accordingly. Once we used it to display events next time to show "new career". It was a true time saver and programmers were very happy with this idea.

Universal component - research and testing
15UCInfo
UCAnimated
Universal component in action
User Flow 2021
Universal component
User Flow 2021

Design system

3D Icons

We added them to "break" the "flatness" of the UI and to make it more appealing to our target audience.

Icons were rendered in Blender 3D
User Flow 2021
Icons were rendered in Blender 3D
User Flow 2021
Chapter five

The H.U.D

For HUD, I used the right and left parts of the screen.

Points and time are grouped in the top left corner, the damage panel in the bottom left, differential and gearbox in the bottom right. All groups are intentional and I experimented before placing them where they are now.

The grid

The H.U.D

I used my favourite 12-column grid as a starting point and added margins from all sides.

The H.U.D
User Flow 2021
H.U.D and a Pop-UP
User Flow 2021
Chapter 6

Implementation of the GUI

I provided specifications to programmers about constraints, resolutions, and responsiveness.

My task in Visual Studio was to prepare all components for binding. We created and tested them for responsiveness and scaling.

User Flow 2021

XAML is a scripting language developed by Microsoft. We used it to describe elements of our GUI for NoesisGUI, a third-party framework we used to render GUI in our game. NoesisGUI has some great features. It supports full-vector Bezier rendering and animations created in VS or AE(Lottie).

The interface structure

Construction

The interface used a screen/popup structure. Main screens flowed into popups for confirming actions like purchases or deletions.

Main menu in English
User Flow 2021
The example of a pop-up on the top of the UI
User Flow 2021
Chinese, Arabic and Cyrillic alphabets were also supported 
User Flow 2021
Pop-up at the end of a level
User Flow 2021
Pop-up
User Flow 2021

 Motion design

Lively animations and transitions add dynamism and energy. Icons, widgets and screens animate for a "EuroSport TV" look.

I worked with a great motion designer Dmytro Klid and he created them.

placeholder image
placeholder image
placeholder image
placeholder image

 Various Animated Icons

placeholder image
placeholder image
placeholder image
placeholder image

 Loaders - some alternative versions - never used

Transitions in particular were very important for me because I wanted the UI to be dynamic and “cool”  

placeholder image
placeholder image

 Screen transitions

I've been also working on trailers. I drafted storyboards for them. I worked with directors, marketing and motion design to find the best ways to communicate our product. Its features and attractions.

 An example of storyboard, I made a few

User Flow 2021

The big picture

The YouTube Trailer Examples

 HDC Launch trailer 

 A game mode advertising trailer

Selection of screenshots

The Gallery

The Gallery

Random screens from the Heavy Duty Challenge

Random screenshots
User Flow 2021
User Flow 2021
User Flow 2021
User Flow 2021
User Flow 2021
User Flow 2021
User Flow 2021
User Flow 2021
User Flow 2021
User Flow 2021
User Flow 2021
User Flow 2021

Game over

The outcome

The outcome

This project was an absolute joy to work on. With a relatively small team, we accomplished a lot and learned even more. I loved every moment of this enriching experience and want to thank the entire team. 

User Flow 2021

Recent 2019-2023

Portfolio

This section contains the selection of my best past projects

SEP 2023

Heavy Duty Challenge

"I crafted the brand and GUI for Heavy Duty Challenge game, ensuring a seamless user experience through rigorous testing and UX refinement."

UX | UI | Brand 

AUG 2021

Internet
Raffles

"I led the creation of an innovative internet competition platform, establishing design systems, UI, and UX. Continuously providing design support, I've been integral to the ongoing success of this brand."

UX | UI | Brand

OCT 2019

B2B & B2C
Platform 

“I crated s design system and managed 12 casino brands, collaborating with the front-end head to create a Sketch plugin for faster production. I also conducted user tests and served as the primary UX resource company-wide."

UI | UX

MAY 2018

Gamification features

"I conducted research and designed gamification features across our company's product portfolio, collaborating with cross-functional teams to enhance user engagement and overall experience."

UX | UI

SEP 2016

Lottery Syndicates

"I directed the research and design of a green-field syndicate lottery app, overseeing the entire process from initial research to MVP design. This case study exemplifies my approach to app design."

UX | UI

bullet icon
Portfolio
Supplemental:

● My Medium.com articles - learn more

● My Fonts - learn more

● My LinkedIN - learn more

JUN 2018

Slingo Boom HTML5 Game

"I directed the research and design of a green-field syndicate lottery app, overseeing the entire process from initial research to MVP design. This case study exemplifies my approach to app design."

Playstation | PC | Xbox

Product design

Older projects

+5y  Old

This section contains the selection of much older projects just for the reference

Archive

+6 years old works

may 2015

Pirate
Plunder

GUI design, animations and art for company’s flagship product 

VISUAL DESIGN

2013-2015

Geonomics GUI design

I was Art Directing creation of skins for company’s instant win games 

VISUAL DESIGN

Ancient

+10 years old projects

aug 2013

Zoony
Match

Game UI And UX

GUI DESIGN

may 2012

Brainstorm iOS app

New product line design and service

PRODUCT DESIGN

jan 2012

M.E.T.A.R
Weather

New product line design and service

HEADING CONTENT

JUN 2009

Blamball
iOS game

New product line design and service

GAME DESIGN

MISC

Areas Of Interest

2010-2013

Various
Animations

Some Animations For The US Based Companies

Animations

lottery item

JULY 2020

Nathaniel 19
free font for all

As an experiment I had created a freeware font for all designers

FONT DESIGN

lottery item

2009-2020

MY Art &
Drawings

After Hours, 
My Art and Hobby

ART

lottery item
Logo A

Copyright 2024 - Adam Jedrzejewski - All Rights reserved.
All product names, logos, and brands are the property of their respective owners. All company, product and service names used in this website are for identification purposes only. Use of these names, logos, and brands does not imply endorsement. Adam Jedrzejewski - London-based product designer portfolio. Available for short and long-term contracts.