Galactic Energy: Creating A Greener Energy Future

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>What is Galactic Energy</p></div><p class="h3-style">Galactic Energy is a South African green company that makes energy affordable to everyone on our planet. For them, we created a website that is assertive and professional but not too much so. The cut and dry black and white color scheme provided a striking contrast to the photos.</p><div class="pb-80"></div></div></div>

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

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

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631b03ab8cd056c7c4e58aa9_ga-4.webp" 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>Testimonial</p></div><div><p class="quote">“Embacy was able to develop a good product with speed. One can watch the designers at work, in real time. There is a short turnaround time between conceptualisation and design delivery.”</p><div class="mt-24 mb-48"><p>Harald Oswin, Director of Galactic Energy</p></div><a href="https://clutch.co/profile/embacy?page=1#review-1784151" class="link-l undrln-bl">Full Review</a></div>

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

<div class="p-lr"><div class="g-7-15"><div class="pt-13"><p>Web Process</p></div><div><p class="h4-style">We work in sprints, and our process is fully transparent for our clients. Here’s how we’ve created an inspiring website from first to last in only 3 sprints.</p></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 built wireframes and developed style directions. By the end of this sprint, we approved the Home and About us 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. We dived into Galactic’s products and created Market page for B2B    sales, Customer — for individuals, and Grid — for B2G clients</p></div></div></div>

<div class="p-lr mb-200"><div class="g-7-15"><div class="transp-bl"></div><p class="h4-style">3. We’ve designed Careers and Contact pages without a hitch, proceeded to mobile version, and made sure that everything was ready for production</p></div></div></div>

<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/631b03ab111020f7c38eda23_ga-6.webp" 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>Copywriting</p></div><div><p class="h4-style">Galactic Energy operates complex technologies that needed to be explained in simple terms. We came up with the modern tone of voice that brings a customer straight to the point.</p></div>

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631b03abc3981ae74bfce206_ga-7.webp" 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>Typography</p></div><div><p class="h4-style">We’ve kept everything consistent and selected sans serif rounded fonts that create necessary contrast with the rectangular grid.</p></div>

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631b03ab2758166b2cd72a5c_ga-8.webp" 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>Palette & Icons</p></div><div><p class="h4-style">Galactic Energy simplifies how you track, control, and trade energy. We stuck to the black-and-white palette to convey that even energy can be easy.</p></div>

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631b03ab346e164edea0d883_ga-9.webp" 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>Grid</p></div><div><p class="h4-style">We’ve kept the prefect balance of black and white through centered simple grid.</p></div>

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

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

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

<div class="p-lr mb-56"><div class="g-7-15"><div class="pt-13"><p>Concepts</p></div><div><p class="h4-style">Galactic Energy is what powers you. We’ve got inspired by this idea and created a few technological styles for Galactic Energy. The one that reflets brand at its best self has been approved.</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/honpAr9j3DHTL9Q7nfba6k/Untitled" class="link-l underline">Check our process in Figma</a></p></div></div></div>

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

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

<img src="https://cdn.prod.website-files.com/62e119d58c1c3abc0a13d8f9/631b03aea5c7ff0079f3f769_ga-15.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</p></div><div class="mb-4"><p><b>Head of PM:  </b>Asya Iljushechkina</p></div><div class="mb-4"><p><b>Project Manager:  </b>Karina Mansurova, Natalia Kolchina</p></div><div class="mb-4"><p><b>Art Direction: </b>Elisey Soloviev</p></div><div class="mb-4"><p><b>Design: </b>Ivan Mukhortov</p></div><div class="mb-4"><p><b>Motion Design: </b>Anton Maydurov</p></div><div class="mb-4"><p><b>Illustration: </b>Vladislava Dolzhenko</p></div><div class="mb-4"><p><b>Webflow development: </b>Artem Kuznetsov, Nikita Zinevich, Stanislav Vegasov</p></div></div></div>