Responsive Layouts

No-Code + Code

Conversion Strategy

Web Design Case Study

I build websites that scale. From Webflow to WordPress to hand-coded builds, I bring structure, story, and technical thinking together.

Overview

I don’t just design websites—I rethink what they can do.

From self-taught code to 1,000+ page CMS systems, I’ve rebuilt marketing sites that lift conversions, designed frameworks teams can scale, and crafted experiences that feel seamless. I think in structure, care about performance, and lead with purpose.

This case study highlights three sites I’m proud of, built through three unique approaches: Webflow, WordPress, and hand-coded HTML/CSS.

✨ I’ve also built sites for my two small businesses (Charmfril and PopnPrints), hand-coded my original portfolio, contributed to Quicksprout’s long-form content experience, and launched this one in Framer—because this work isn’t just what I do. It’s what I love.

I don’t just design websites—I rethink what they can do.

From self-taught code to 1,000+ page CMS systems, I’ve rebuilt marketing sites that lift conversions, designed frameworks teams can scale, and crafted experiences that feel seamless. I think in structure, care about performance, and lead with purpose.

This case study highlights three sites I’m proud of, built through three unique approaches: Webflow, WordPress, and hand-coded HTML/CSS.

✨ I’ve also built sites for my two small businesses (Charmfril and PopnPrints), hand-coded my original portfolio, contributed to Quicksprout’s long-form content experience, and launched this one in Framer—because this work isn’t just what I do. It’s what I love.

Key Stats

+62.7% trial signups after Webflow site redesign

+180% CTR after SEO restructure + blog overhaul

98.5% faster onboarding from programmatic HubSpot pages

5× revenue growth supported by scalable web systems

Trainwell

Webflow Rebuild · CMS Architecture + Performance-Driven Design

In my second week at Trainwell, I pitched and rebuilt the entire marketing website using Webflow—learning the platform on the fly and launching a fully responsive site in under a week. I then scaled the system to support 1,000+ CMS-driven pages, including programmatic exercise pages, dynamic trainer profiles, and a redesigned blog.

I created custom landing pages for every paid campaign, added filtering and search with tools like Finsweet, and implemented SEO enhancements that led to a 62.7% lift in trial signups and a 180% increase in CTR. I also used my coding background to add subtle motion and build custom Webflow components.

Webflow Rebuild · CMS Architecture + Performance-Driven Design

In my second week at Trainwell, I pitched and rebuilt the entire marketing website using Webflow—learning the platform on the fly and launching a fully responsive site in under a week. I then scaled the system to support 1,000+ CMS-driven pages, including programmatic exercise pages, dynamic trainer profiles, and a redesigned blog.

I created custom landing pages for every paid campaign, added filtering and search with tools like Finsweet, and implemented SEO enhancements that led to a 62.7% lift in trial signups and a 180% increase in CTR. I also used my coding background to add subtle motion and build custom Webflow components.

Burnalong

HubSpot Rebuild + WordPress Migration · Scalable Systems + Internal Tools

When I joined Burnalong, the website’s codebase was a mess, so I pitched and built a new system from scratch. I taught myself HubSpot, implemented a custom Bootstrap framework, and created drag-and-drop modules so the team could build pages without touching code. I also developed programmatic landing pages that let the CS team auto-generate fully branded pages, boosting onboarding efficiency by 98.5%.

Each client’s page was built from the same dynamic template within HubSpot, then accessed via a custom URL, like: join.burnalong.com/usps, join.burnalong.com/allegro.
👉 View a live example → (Note: pages may appear outdated post-acquisition.)

Later, I led the full migration to WordPress using Elementor during a company-wide rebrand, ensuring brand consistency, design clarity, and a smooth transition. This work helped position Burnalong for acquisition by Tivity Health. To support internal teams, I also created a suite of branded hubs—like the Brand Hub shown below—providing templates, assets, and guidelines for CS, Marketing, and Sales.

✦ Since I’ve left Burnalong, some aspects of the live site may have changed—this case study reflects the work I led during my time there.

HubSpot Rebuild + WordPress Migration · Scalable Systems + Internal Tools

When I joined Burnalong, the website’s codebase was a mess, so I pitched and built a new system from scratch. I taught myself HubSpot, implemented a custom Bootstrap framework, and created drag-and-drop modules so the team could build pages without touching code. I also developed programmatic landing pages that let the CS team auto-generate fully branded pages, boosting onboarding efficiency by 98.5%.

Each client’s page was built from the same dynamic template within HubSpot, then accessed via a custom URL, like: join.burnalong.com/usps, join.burnalong.com/allegro.
👉 View a live example → (Note: pages may appear outdated post-acquisition.)

Later, I led the full migration to WordPress using Elementor during a company-wide rebrand, ensuring brand consistency, design clarity, and a smooth transition. This work helped position Burnalong for acquisition by Tivity Health. To support internal teams, I also created a suite of branded hubs—like the Brand Hub shown below—providing templates, assets, and guidelines for CS, Marketing, and Sales.

✦ Since I’ve left Burnalong, some aspects of the live site may have changed—this case study reflects the work I led during my time there.

Java Been

Brand-Driven Web Design · HTML/CSS Build + UX Strategy

Java Been is a fully developed concept for a modern café brand, designed to reflect warmth, clarity, and a calm user experience. I created the full site using HTML/CSS/JS, built out a comprehensive style guide, and mapped out the user journey with wireframes and interactive planning.

While the original prototypes are no longer live, this project shows how I approach structure, layout, and identity—translating a brand’s essence into a cohesive, responsive web experience.

Brand-Driven Web Design · HTML/CSS Build + UX Strategy

Java Been is a fully developed concept for a modern café brand, designed to reflect warmth, clarity, and a calm user experience. I created the full site using HTML/CSS/JS, built out a comprehensive style guide, and mapped out the user journey with wireframes and interactive planning.

While the original prototypes are no longer live, this project shows how I approach structure, layout, and identity—translating a brand’s essence into a cohesive, responsive web experience.

Like what you see? Lets talkconnect with me on LinkedIn!

There are three responses to a piece of design - yes, no, and WOW! Wow is the one to aim for.

Created by Ariana Chalifour © 2025

There are three responses to a piece of design - yes, no, and WOW! Wow is the one to aim for.

Created by Ariana Chalifour © 2025

There are three responses to a piece of design - yes, no, and WOW! Wow is the one to aim for.

Created by Ariana Chalifour © 2025