Project Overview

The JD Fitness website is a project for a personal trainer located in Deerfield WI. The design is aesthetic, intuitive, and responsive. The website is completely accessible and compliant. It's also conversion optimized to help users achieve their goals as quickly as possible.

Features

• Conversion Optimized Design
• Tasteful Animations
• Intuitive Navigation
• Accessibility Optimized & Web3 Compliant

Technology

• Figma
• Webflow
• CSS
• JavaScript

Key Challenges

1. Building a completely custom responsive layout in Webflow
2. Converting Figma designs into the Webflow environment

Solutions

1. Starting with the desktop viewport in development, even when mobile viewport was designed first, is the easiest way to stay responsive in Webflow
2. Using online resources and some embedded JavaScript/CSS, I was able to fully convert my Figma design to Webflow

‍