Discover
Understand the firefighter aptitude testing process and available preparation options.
We redesigned the platform to make the preparation journey clearer and easier to trust, and to turn the free test into a stronger path toward paid training.
UX StrategyUI DesignInformation ArchitectureConversion StrategyResponsive Web Development
Website Design & Development / UX & UI Redesign
A Heavens Web Solutions website design & development project.
Conversion-focused candidate journey
Modern professional visual identity
Free test as the primary conversion driver
Project overview
Firefighter Aptitude Test (firefighteraptitudetest.com.au) helps Australian firefighter candidates prepare for the aptitude and cognitive assessments used in recruitment. The project centered on turning a content-heavy training website into a clearer, conversion-focused preparation journey - one that builds trust, demonstrates value quickly and guides each candidate toward the right level of preparation.
The Challenge
The site already had good material - practice tests, coaching, real expertise behind both - but it read like a content-heavy training site rather than something built to move a visitor forward. There was no clear next step after the free test, and it wasn't obvious how the free test, the training courses and the personal coaching related to each other.
- Valuable practice content and coaching services were easy to under-appreciate without a clearer path through them.
- Candidates had no obvious next step after finishing the free test.
- The relationship between the free test, training courses and personal coaching was not immediately clear.
The Goal
- Understand the aptitude testing process
- Try realistic practice questions
- Identify their strengths and weaknesses
- Improve through structured preparation
- Access expert coaching when required
- Move naturally from free testing to paid training
Our solution
The redesign builds the whole experience around one path: discover the process, try the free test, see how you did, practice the weak spots, then step up to training or coaching if you need it. We backed that up with a clearer visual design, a simpler information structure, and a more deliberate route from the free test to paid training.
- A clearer service structure connecting the free test to training courses and personal coaching.
- Stronger visual hierarchy for a more modern, professional presentation of an important, trust-sensitive decision.
- A results-oriented framing for the free test, so finishing it feels like a meaningful checkpoint rather than a dead end.
- A responsive, mobile-first interface, since many candidates research and test on their phones.
Understanding the Users
Candidates preparing for firefighter recruitment are often applying under time pressure, alongside work or study, and are not necessarily confident with aptitude-style testing. Many are researching on a phone, comparing their options, and deciding whether this is a process they can trust with their preparation. The experience needed to build that trust quickly, explain unfamiliar test formats in plain language, and make the first step - the free test - feel low-risk and worth taking.
Key features
- Modern responsive redesign of the test-taking interface
- Clear information architecture across testing, training and coaching
- Stronger conversion path from free test to paid programs
- Mobile-first responsive layouts
- Trust-focused presentation of coaching and testimonials
- Consistent visual system with a professional, exam-platform feel
Results / impact
The result is a site that reads like a real learning platform instead of a static brochure - built to help candidates prepare with more confidence, and to turn more of that free-test traffic into paying students.
User Journey
Discover → Try → Assess → Practice → Improve → Prepare
Try
Take the free aptitude practice test.
Assess
Understand performance and identify weaker areas.
Practice
Access targeted practice questions and learning resources.
Improve
Use structured training and expert guidance.
Prepare
Build confidence before taking the actual recruitment assessment.
UX Strategy
Designing around the moment that matters most.
The UX strategy treated the free test as the centerpiece of the experience rather than one feature among many - the moment most likely to turn a visitor into an engaged candidate. Around it, the site needed a clear information architecture across testing, practice, training and coaching, a visual language that felt like a professional learning platform rather than a static brochure site, and a conversion path that respected where a candidate actually was in their preparation.
UX StrategyInformation ArchitectureConversion StrategyUI DesignResponsive DesignInteraction DesignPerformance-Focused User JourneyModern Web Development
Key UX Improvements
From Practice Tests to a Complete Preparation Journey
Free Test Experience
A clearer, more encouraging way to take the first step.
- Clear progress indicators, so candidates always know how far through the test they are.
- Improved question presentation, including diagram-based mechanical and spatial reasoning questions.
- A responsive test interface that works as well on a phone as it does on a desktop.
- Easy, unambiguous answer selection.
- Review functionality to revisit or flag questions before finishing.
- Clearer feedback once the test is complete.
Performance & Results
A results-dashboard concept that turns a completed test into a clear next step.
Overall performanceNumerical reasoningVerbal reasoningSpatial reasoningMechanical reasoningAbstract / logical reasoningAreas requiring improvement
Presented here as a UX concept and design opportunity - a personalised results dashboard is not a feature of the current live website.
Training Programs
01
Free Test
A no-commitment first step that lets a candidate experience the format and see where they stand.
02
Training Course
Structured practice and learning resources for candidates who want to build on their free-test result.
03
Premium Program
A more complete preparation path for candidates who want deeper coverage and support.
04
Personal Coaching
One-on-one expert guidance for candidates who want individual feedback ahead of recruitment day.
Trust & Social Proof
Candidate testimonials and success stories, placed where they matter most in the decision.
Visible expert coaching credentials, so candidates know who is guiding their preparation.
Service-specific preparation paths instead of a single generic offering.
Clear, plain-language explanations of what the testing and preparation process actually involves.
Conversion Strategy
A funnel candidates can actually feel.
The free test is the entry point of the funnel - it lets a candidate experience real value before being asked to commit to a paid program. Each stage after it recommends a natural next step rather than presenting every option at once.
Landing Page
Free Test
Test Results
Recommended Training
Training Course
Premium Coaching
Visual Design
Professional. Modern. High performance.
The visual direction aimed for something that reads as professional and modern - a design that feels like a serious learning platform, not a generic emergency-services website.
Strong, confident typography
Dark navy and charcoal tones balanced with clean white content sections
A fire/emergency-inspired accent color used deliberately, not decoratively
Clear cards and CTA buttons
Custom SVG iconography instead of generic stock icons
Generous spacing, closer to a SaaS dashboard than a brochure site
Responsive Experience
Built to work everywhere, first.
Every section was designed mobile-first and checked across mobile, tablet, laptop and desktop breakpoints - typography stays readable, sections stack naturally, CTAs stay reachable, and the free-test interface remains usable with one hand on a phone.
Desktop
Laptop
Tablet
Mobile
Animation & Interaction
Motion that supports the story, not the spectacle.
- Scroll-reveal and fade/slide transitions as sections enter view
- Card hover states and subtle button micro-interactions
- Smooth section-to-section transitions
Business Impact
What this redesign is built to achieve.
A clearer path from free test to paid training and coaching, designed to convert more first-time visitors into engaged candidates.
A more trustworthy first impression for candidates comparing their preparation options.
A test-taking experience built to reduce drop-off before completion.
A design system that can grow with new question types, categories or coaching offerings.
Expected outcomes based on the redesign strategy — not measured results from the live website.
Final Design Showcase
Next
Next case study
Our Product
AI / Computer Vision / SaaS / Media Management
DigitalHugs — AI Photo Delivery & Intelligent Search
An AI-powered event photography platform that uses face recognition to match attendee selfies with event photographs, turning thousands of images into a personalised, instantly shareable gallery.
AI-powered face recognition searchThousands of photos to a personal gallery
View case study
Let’s build your next digital solution.
Start a conversation about your business requirements.