Project phase

Rethinking Whip Around

Growing Whip Around

Whip Around’s site had the right energy, but it was getting in its own way. The pages were packed with motion and effects, the message was hard to scan, and on mobile the experience felt slow and jumpy. The product itself is simple, but the site made it feel complicated. Most visitors never made it far enough to understand what Whip Around does, let alone reach the free trial.

The goal was to calm the experience down and make the path forward obvious. I cut the heavy animation, tightened the layout, rewrote headlines so people could scan fast, and rebuilt key pages around clear next steps. I also improved site structure and on-page SEO so the right people could find Whip Around and land on pages that match what they’re looking for. The result is a site that loads faster, reads clearer, and does a better job turning visits into trial starts and leads.

Visit Website

Whiparound - Wireframes
Whip Around - Rebuild
Project phase

The Challenge

This project wasn’t about adding more. It was about removing what was blocking people.

We needed to:

  • Reduce motion and visual noise without making the brand feel flat.
  • Fix mobile speed and layout issues that were causing drop-offs.
  • Make the product story clear in seconds, not minutes.
  • Build a straight path to the free trial and key conversion points.
  • Improve on-page SEO and page structure so traffic matched intent.
  • Leave the marketing team with a site they could update without breaking the layout.

My Role

I led UX, UI, front-end development, and the WordPress build from start to finish.

I started by reviewing the existing site and how people were using it, looking at what pages they landed on, where they dropped off, and which calls to action were being missed. From there, I mapped a simpler structure and created wireframes in Figma to tighten the user paths, especially the route to the free trial. Once the direction was set, I designed the updated UI and built the site in WordPress, using Elementor and Unlimited Elements for editable sections, plus custom HTML, CSS, and jQuery for the parts that needed more control. I also cleaned up page hierarchy, headings, metadata, and internal linking so the site could perform better in search and support ongoing growth.

Concept to Creation

Advanced Web Design Techniques

Creative Direction
CSS
Development
Graphic Design
HTML
Information Architecture
jQuery
Product Design
Prototyping
SEO (Search Engine Optimization)
User Experience
User Journey
UX/UI Design
Web Design
Wireframing (UX/UI)

Whip Around ended up with a site that feels calmer, loads faster, and makes the product easier to understand. Visitors now reach the free trial and conversion pages more often because the experience is clearer and the calls to action are not buried. Internally, the marketing team has a site they can update without fighting the layout, and the structure supports future growth instead of getting in the way.

Whiparound - Wireframes

Wireframes and User Interface

The wireframes focused on one thing: get people to the right page fast. I simplified the navigation, reduced the number of competing messages per page, and gave each page one clear job. On mobile, the layout was built around quick scanning, strong headings, shorter sections, and clear buttons. The goal was that a first-time visitor could understand the product, trust it, and find the next step without hunting.

Whip Around - Rebuild

Design and Customization

The new design kept the brand feel, but removed the chaos. I used cleaner spacing, clearer typography, and stronger page rhythm so the content reads well even when you’re moving quickly. Instead of big animated moments everywhere, motion became a small accent used only when it helped understanding. I built a set of reusable components in Elementor so the team could build new pages and keep the look consistent, and I created custom styles where the page builder could not match the design.

Development and Implementation

On the build side, I rebuilt the site in WordPress with a focus on speed, stability, and maintainability. I trimmed unnecessary scripts, reduced heavy effects, compressed assets, and cleaned up front-end code so the site loads faster and behaves better on phones. I added custom sections and widgets where needed, kept templates consistent across pages, and made sure key pages, especially the free trial path, were clear and easy to maintain. I also set up the basics for tracking key actions so the team could see what people click, where they exit, and what pages actually lead to conversions.

Outcome:

Whip Around ended up with a site that feels calmer, loads faster, and makes the product easier to understand. Visitors now reach the free trial and conversion pages more often because the experience is clearer and the calls to action are not buried. Internally, the marketing team has a site they can update without fighting the layout, and the structure supports future growth instead of getting in the way.

Visit Website

Related Projects: