Solution
Final Design
With all revisions complete, I was ready to transform my Figma designs into a live website. For this project, the client requested that the website be built on Wordpress, which at the time, was completely unfamiliar to me. This posed a real challenge for me but I knew it would be a great opportunity to learn a new tool and help bridge the gap between my design and development skills. Utilizing the Divi theme builder which gave me a blank canvas to replicate my Figma design, I used a combination of customizable no-code modules and elements, as well as custom HTML and CSS snippets to build out the final site. Key Elements Include:
- Fully responsive design across all viewports
-
Smooth and subtle motion design that combines automated and interactive elements
- Functional AJAX filtering menu for blog posts that allows for dynamic content updates without a full page reload
You can visit the live website here.