Grace and Mercy Website Revamp and Webflow Build

Project Details

In 2024, I assisted Grace and Mercy Foundation's (G&M) technology team with re-designing their landing page and porting into Webflow. G&M wanted to the new design to highlight their core values, impact, initiatives and approach.

Timeline

8 weeks

Role

Lead Webflow Developer, UX Designer

Webflow, Figma, CSS

Tools

Platform

Desktop and Mobile Web

Final Website

G&M Website

The original version

Before I came onto the project, Grace and Mercy's original website was built in Drupal and managed by a third party. This led to inefficient updates and management. Thus, through building in Webflow, any content or design updates could be changed immediately.

The efficiencies of Webflow was proven when the team wanted to re-design the Website after it was initially ported into Webflow. I was able to implement the new designs within a day of receiving.

The dark red on the original site was stark with so the team wanted to soften the look and feel to be more approachable. For accessibility purposes, the white on red did not pass the WCAG AAA check either.

Final Designs

The final designs retained elements of the previous iterations to maintain the company's identity, while introducing a more elegant and modern aesthetic.

A more approachable coral was selected to replace the original red and we added subtle animations as the user scrolls into view.

Thank you for reading! If you have any further questions, please reach out. ◡̈