web design
When I worked for Fuel Cycle, I had the opportunity to participate in the redesign of their website. Originally, the pages had a lot of white space, pixelated images, inconsistent iconography , and the information in general appeared somewhat confusing.
After a few design proposals and discussions with marketing and product teams, solutions were implemented for each page according to its needs.
design process
To gain insights on how to proceed with the website redesign, I ran a competitor analysis.
The data gathered was very revealing, as it allowed me to observe what was working for our competitors and what was not. This enabled us to incorporate successful strategies and avoid pitfalls in our website.
I always aim to start with lo-fi wireframes to avoid rework. Once these have been approved, I proceed with creating images, graphics, and icons to integrate them into a hi-fi wireframe.
When all the final changes have been made in Figma, it's time for me to implement them in Elementor (a website builder) and finally publish the page live.
outcome
-
Hero images aligned with the page's theme, featuring a header, sub-header, and CTA.
-
Well-defined sections divided into grids of 2, 3, and 4 columns.
-
Consistent graphics and icons across all pages.
-
Standardized call-to-action buttons.
-
Increased visitor confidence in the company.
-
Optimized website for desktop, tablet and mobile.
