Projects

Deanna Harder Fitness Redesign

The Objective

Modernize her blog and boost client engagement.

Placeholder

In Spring 2019, I collaborated with Deanna Harder to completely redesign her website, giving her online presence a fresh start. Deanna had recently acquired a new domain name and was eager to modernize her blog to better reflect her personal brand and attract more clients.

The project involved exporting her existing blog from WordPress to SquareSpace, ensuring a seamless migration of content while maintaining its integrity and readability. I also leveraged tools like Illustrator and Photoshop to craft custom graphics for each page, giving her site a visually cohesive and professional aesthetic.

In addition to the design and content migration, I handled all the technical aspects of her new domain, configuring DNS settings to connect her domain and email effortlessly. The result was a polished, user-friendly website that positioned Deanna as an authority in her field and enhanced her ability to connect with potential clients.

A ‘before’ homepage design for Deanna Harder Fitness. The page features a red and white color scheme with a large photo of Deanna holding a championship belt, navigation links (Home, About, Blog, Contact: Train With Me), and introductory text about her fitness philosophy. Below are three informational sections highlighting ‘About,’ ‘Contact: Train With Me,’ and a blog post, alongside a map and social media links.

Old Home Page

Before the redesign, Deanna’s website used a customized version of a default WordPress theme. While the site served as a hub for her strong and supportive community, where she shared her personal training expertise and fitness journey with women, it lacked a modern, cohesive design to fully reflect her brand and attract new clients.

Redesigned homepage for Deanna Harder Fitness, featuring a modern design with a bold tagline, ‘Strong, Fit & Confident,’ overlaid on an image of Deanna training a client in a gym. The page includes clear navigation links, sections for personal training, expert advice, and client stories, along with a blog preview and email subscription form at the bottom.

New Home Page

The new homepage design transformed Deanna’s online presence by focusing on a modern, professional aesthetic that highlights her expertise and unique value. I crafted a compelling tagline and rewrote all content to emphasize her mission of empowering women through fitness.

The redesign also featured improved navigation, user-friendly sections, and visually engaging layouts that better showcased her personal training services and blog content. This overhaul not only strengthened Deanna’s brand identity but also made her site more inviting to potential clients, helping her stand out in a competitive industry.

Old About page for Deanna Harder Fitness, featuring a photo of Deanna performing a deadlift in a gym with text overlaid on the image. The page includes a detailed biography, emphasizing her background, qualifications, and fitness philosophy. The design is simple and structured like a standard blog layout with a search bar on the right.

Old About Page

On her old site, Deanna’s About page provided a wealth of information about her background and expertise, but the design lacked the personality and energy that made her unique. The content was informative but presented in a way that felt generic, blending into the typical blog aesthetic and missing an opportunity to truly reflect her vibrant, no-nonsense approach to fitness.

Redesigned About page for Deanna Harder Fitness, featuring a clean and professional layout with a bold heading, a motivational quote at the top, and a concise biography emphasizing her expertise and skillset. The page includes a testimonial from a client, a dynamic Instagram feed showcasing her motivational posts and progress pictures, and links to her recent blog posts.

New About Page

I refined Deanna’s biography to make it more concise and focused on her skillset, ensuring the content was easy to read while highlighting her expertise.

To capture her positive, motivational energy, I included quotes from her social media that reflect her go-getter attitude.

Since Deanna is highly active on Instagram, I added a live feed at the bottom of the page to showcase her frequent posts, progress updates, and event announcements.

Finally, I incorporated a glowing testimonial from a recent Facebook review to add credibility and a personal touch to the page.

Old Contact page for Deanna Harder Fitness, featuring a low-resolution, watermarked image of Deanna at the gym as the header. The page includes a simple contact form with fields for name, email, website, and comments, along with her email address, website link, and phone number at the bottom.

Old Contact Page

The old contact page relied on a low-resolution, watermarked image as its header, which detracted from the page’s professionalism. While functional, the design lacked the polished visual appeal needed to make a strong impression on potential clients.

Redesigned Contact page for Deanna Harder Fitness, featuring a bold header image of Deanna lifting weights in a gym, overlaid with the title ‘Train With Me’ and a tagline. Below the header, a clean and simple contact form is displayed, accompanied by a bright, vibrant photo of Deanna holding dumbbells in colorful rainbow socks. The page includes recent blog posts and a subscription form at the bottom.

New Contact Page

I replaced the low-resolution header image with a high-quality photo of Deanna in action, making the design feel more polished and professional. To add personality and vibrancy, I included a bright, fun picture of Deanna next to the contact form, which not only adds a pop of color but also replaces the empty sidebar from the old site. These updates make the page more engaging and aligned with Deanna’s energetic brand.

New Media page for Deanna Harder Fitness, featuring a header image of Deanna during a TV interview. The page includes sections for ‘Podcasts & Interviews,’ with a list of recent podcast appearances and a featured video, as well as a ‘Photoshoots’ section displaying professional fitness images in a carousel. Recent blog posts and a subscription form are displayed at the bottom

Media Page (New Addition)

One key addition to Deanna’s website was a dedicated Media page to showcase her advocacy work, public speaking engagements, and podcast features. I curated a list of recent podcasts she appeared on, included a featured video interview, and added a photo carousel to highlight her professional photoshoots. This page helps establish Deanna as a credible authority in her field while making her accomplishments and public presence more accessible to her audience.

Like what you see?

Let's Build Something

Work With Me

With over 20 years of programming expertise, I specialize in turning complex ideas into impactful, user-focused solutions. From developing and maintaining products used by millions—like video chat platforms and exam software—to creating custom dashboards and levelling up SquareSpace, WordPress, and Wix sites.

I don’t just build software; I solve problems, streamline processes, and deliver results to maximize your online presence.