Rally 4x4 Ukraine
Rally 4x4 Ukraine
Embedded Files
A website for a cause. Rally 4x4 Ukraine is an initiative by the non-profit organisation všį Kelio Knyga. I designed and built the website using the Hostinger website builder, focusing on clear, engaging layout to support the mission.
Tasks
Tasks
Research
Design
Website
Timeline
Timeline
Mar 2025
Overview
Overview
Rally 4 Ukraine is an international adventure rally where participants drive 4x4 or pickup vehicles across Europe to Lithuania, take part in a 2-day off-road event and donate their vehicles to Ukraine’s frontline defenders.
The website is the main platform for registration, route planning and community engagement. It must clearly explain the mission, show the real impact of participation and support both physical drivers and Virtual Rally supporters who sponsor vehicles and follow their journey online.
Problem
Problem
The concept of Rally 4 Ukraine is powerful but complex. Potential participants may feel uncertain about logistics, safety and vehicle requirements, while virtual supporters lack a clear way to get involved. The website must simplify the process and turn interest into action by clearly guiding users and showing how their contribution makes a real difference.
New visitors may need reassurance that the organisation is real and trustworthy.
It is also important to build financial trust, as users are asked to register, donate or support the project. The website must clearly present information, establish credibility and help people feel confident to participate or support the initiative financially.
Research
Research
UX research is essential for creating a trustworthy website because it reveals what users actually need in order to feel confidence, safety and credibility. Designing based on evidence rather than assumptions reduces risk and ensures trust is intentionally built into the experience.
Research in the sciencedirect.com showed that photos showing real people involved with the cause significantly increase users’ intention to donate compared with generic visuals.
This research included qualitative and quantitative analysis specifically in a charity context.
Moodboard
Moodboard
The moodboard reflects emotional direction of the project by combining real rally imagery, Ukrainian national colours and references to existing motorsport and charity platforms. The off-road photography and mud textures communicate adventure, while the damaged urban scenes remind of the real-world consequences of the war and why the mission matters.
The colour palette is built around deep black and greys for seriousness and trust, bright blue and yellow taken from the Ukrainian flag to emphasise clear purpose, and clean white for clarity.
Together, these elements define a bold, impactful tone that balances adrenaline with purpose and guides the visual identity of the final website.
Layout
Layout
After researching a number of related examples, I selected several websites that demonstrated strong structure of one page layout and had an effective presentation of complex information. These references helped identify the most suitable layout patterns for this project and shaped the initial planning of the final website structure.
Examples
Examples
Plan
Plan
Wireframes
Wireframes
The wireframes were created to translate the layout plan into a clear page structure. To speed up the process, I used AI-assisted tools such as Relume, which helped generate initial structures that were then refined to fit the project’s specific goals.
Personas
Personas
After realising that there has to be two distinct personas, I created two separate profiles. This helped clarify their different goals and expectations when interacting with the website.
User Journey Map
User Journey Map
User Journey Map
User Journey Map
Key Takeaway
Key Takeaway
This project showed how important it is to have a well developed plan and structure, especially when working with limited time.
The website had to be launched within two days, so I did not create a high-fidelity prototype. Because of that, the first live version of the website looked slightly different from the current version, and some UI changes had to be made after the first launch. Having a clear layout and content hierarchy helped a lot and made it easier to adjust the UI later. Building the site with the Hostinger website builder significantly reduced development time and made it possible to deliver a functional, live website within the deadline.
While a high-fidelity prototype is very useful when time allows, but having a solid plan and structure is the most essential.
Page updated
Google Sites
Report abuse