Reload Motors: Superior Technology At Your Doorstep

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>What is Reload Motors</p></div><p class="h3-style">Reload Motors is a German company that manufactures vehicles driven by hydrogen power. To point out their expertise, we’ve created a slick and minimalistic website. The graphics needed to communicate the brand at its best, and we came up with a metaphor to show hydrogen as circular elements.</p><div class="pb-80"></div></div></div>

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631ec83ead7a064459c8fb18_rm-2.webp" loading="lazy" alt="" class="s_image_full mb-56">

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631ec83eed58054491c8dc79_rm-3.webp" loading="lazy" alt="" class="s_image_full mb-56">

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631ec83ea7bb58023b50700e_rm-4.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Testimonial</p></div><div><p class="quote">“I was extremely pleased with the workflow. Perhaps, I have not yet met a more transparent system for working with an agency. I must say that their sprint system is very effective.”</p><div class="mt-24 mb-48"><p>Alexandra Pevzner, Business Development Manager</p></div><a href="https://clutch.co/profile/embacy#summary" class="link-l undrln-bl">Full Review</a></div>

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631ec83e92adeddc16478369_rm-5.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Web Process</p></div><p class="h4-style">We work in sprints, and our process is fully transparent for our clients. Here’s how we’ve created a cutting-edge website from first to last in only 4 sprints.</p></div></div>

<div class="p-lr mt-24 mb-16"><div class="g-7-15"><div class="transp-bl"></div><p class="h4-style">1. We dived into Reload Motors’ technology, searched for design references, and learned competitors’ strengths. By the end of this sprint, we approved the sitemap and created content for the main pages.</p></div></div></div>

<div class="p-lr mb-16"><div class="g-7-15"><div class="transp-bl"></div><p class="h4-style">2. Then, we developed three style directions, and when Reload Motors chose one, we finalized the Home page with all the visual elements included.</p></div></div></div>

<div class="p-lr mb-16"><div class="g-7-15"><div class="transp-bl"></div><p class="h4-style">3. Our team thought all animations through and proceeded to the About us, Blog, and Careers pages.</p></div></div></div>

<div class="p-lr mb-200"><div class="g-7-15"><div class="transp-bl"></div><p class="h4-style">4. Finally, we’ve explained how hydrogen-powered vehicles work on the Paradigma page, and started to prepare everything for the development stage ranging from mobile versions to the UI-kit.</p></div></div></div>

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Sitemap</p></div><p class="h4-style">We’ve read thoroughly the client’s brief and identified what pages would present Reload Motors at its best. Then, we’ve specified the structure of each page based on the priority of brand messages to be shared.</p><div class="pb-80"></div></div></div>

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631ec83e46419b26012b2b70_rm-6.svg" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Copywriting</p></div><p class="h4-style">Reload Motors’ clients are real experts in what they do, and we’ve come up with the tone of voice that proves their brand expertise. Confident titles convey well the unconditional upper hand of hydrogen-powered technologies.</p><div class="pb-80"></div></div></div>

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631ec83ead7a06d6bfc8fb17_rm-7.png" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr mb-80"><div class="g-7-15"><div class="pt-13"><p>Prototyping & Wireframes</p></div><div class="transp-bl"></div></div>

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631ec83f341fb597f09ec160_rm-8.png" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Typography</p></div><p class="h4-style">We’ve made sure everything is consistent and stuck to the Swiss style of fonts. They fit well our thin-line illustrations and are friendly to unusual layouts.</p><div class="pb-80"></div></div></div>

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631ec83e34ed9e66f0cc2757_rm-9.svg" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Color scheme</p></div><p class="h4-style">Competitors use minimalistic websites with the prevailing dark palettes. We wanted to make the brand stand out more among them by using more white . Blue is the accent color that represents hydrogen.</p><div class="pb-80"></div></div></div>

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631ec83db54fd2780d946ab5_rm-10.svg" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Icons</p></div><p class="h4-style">Reload Motors believe the future is hydrogen power. To covey this message, we’ve created circular blue icons that are coupled like the molecular of H2.</p><div class="pb-80"></div></div></div>

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631ec83dc664e8f341724dcf_rm-11.svg" loading="lazy" alt="" class="s_image_full mb-56">

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631ec83d6e474e7b7b1f7ad3_rm-12.svg" loading="lazy" alt="" class="s_image_full mb-200 dr-shadow br-30">

<div class="p-lr mb-80"><div class="g-7-15"><div class="pt-13"><p>Grid</p></div><div class="transp-bl"></div></div>

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631ec83ec664e8e837724dd0_rm-13.svg" loading="lazy" alt="" class="s_image_full mb-56">

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631ec83faf19c43d4ec2cb75_rm-14.webp" loading="lazy" alt="" class="s_image_full mb-200">

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Concepts</p></div><div><p class="h4-style">Reload Motors lean towards the hydrogen economy. We’ve got thrilled by this mission and created a few cutting-edge but minimalistic style directions.</p></div>

<div class="p-lr mt-24 mb-80"><div class="g-7-15"><div class="transp-bl"></div><p><a href="https://www.figma.com/file/8tbrunQ4SBYlRYVd863lCl/Reload-Motors"  class="link-l undrln-bl">Check our process in Figma</a></p></div></div></div>

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631ec83f92aded0c2147836a_rm-15.webp" loading="lazy" alt="" class="s_image_full mb-56">

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631ec84034ed9e48b2cc2759_rm-16.webp" loading="lazy" alt="" class="s_image_full mb-56">

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631ec83f34ed9e6324cc2758_rm-17.webp" loading="lazy" alt="" class="s_image_full">

</div></div><div class="p-lr pt-200"><div class="team-case"><div class="mb-4"><p><b>Producer: </b>Leonid Bondarenko, Anton Andreev</p></div><div class="mb-4"><p><b>Project Managment:  </b>Roman Loginov</p></div><div class="mb-4"><p><b>Art Direction: </b>Elisey Soloviev</p></div><div class="mb-4"><p><b>Design: </b>Aleksandra Voronina, Miroslav Liamkin</p></div><div class="mb-4"><p><b>Motion Design: </b>Anton Maydurov</p></div><div class="mb-4"><p><b>Webflow development: </b>Artem Kuznetsov, Nikita Zinevich, Stanislav Vegasov</p></div></div></div>