Climate Edge Website

User Interface design for Climate Edge's Website.

Client
Climate Edge
Date
8.8.22
Skills
UX, UI, Figma, Web Design
Scroll Down
Scroll Down arrowScroll Down Arrow

The Project

I joined Climate Edge in January 2022, and one of my first tasks was to improve the current designs, primarily focusing on the website. This initial effort was a quick fix ahead of a comprehensive rebrand project. I was presented with a very chaotic Figma file, with poorly titled pages and a total lack of mobile/responsive designs—only desktop versions were provided. Despite this, I managed to complete the initial work and used it as a basis to propose a new, better-organized file structure.

The website redesign was the third project related to the company’s rebrand, following the finalization of all corporate elements and brand guidelines. The design process for Website 2.0 was highly collaborative and took about two months, starting from moodboard and inspiration stages to several iterations of the homepage and final designs for 33 pages (13 unique templates). Significant time was invested in the research phase to ensure that our brand was accurately represented and that we adopted the right visual approach.

Beginning with the homepage, I designed all the main unique templates (13 pages, both mobile and desktop) and applied Atomic Design principles. The website was linked to our design system file, and I used a modular approach, creating components for main elements such as headers, carousels, menus, cards, banners, and footers. Once all templates were approved, I then proceeded to design every single page.

Here are visuals for the old version of the website, moodboard, first iterations, and final designs for the main pages.

The Project