Website Redesign for Affiliate Marketing Agency: Figma + Webflow

Kristina Volchek: Senior Product Designer & Design Mentor 👩🏼‍💻 Mobile, Fintech, Growth Design, Web3, Health & Fitness, eCommerce

Kristina Volchek

Oct 21, 2025 · 1 min read

Website Redesign for Affiliate Marketing Agency: Figma + Webflow | 3d with photos | by kristi.digital | Kristina Volchek

Project Summary

For ads2rev, a performance marketing and affiliate network agency, the goal was to create a modern website that clearly communicates the brand’s value, services, and expertise.

The redesign focused on delivering a clean, confident aesthetic that reflects the data-driven nature of the business while keeping the experience simple and conversion-oriented. The result is a clean site that highlights key offerings — user acquisition, media placements, and affiliate partnerships — while building trust through clarity and strong visual hierarchy.

Full process + before/after visuals below.

Website Redesign for Affiliate Marketing Agency: Figma + Webflow | 3d with photos | by kristi.digital | Kristina Volchek

Design Process

I followed my usual flow — starting with moodboards and visual directions, finalizing the design in Figma, and then building it in Webflow.

1. Moodboard

I started by exploring visual references to define the look and feel — aiming for a clean, modern aesthetic that reflects trust and performance.

Moodboard kristi.digital

Moodboard — Screenshot from my Figma file

2. Visual Directions

I created two visual concepts to test different tones and compositions before narrowing in on the final direction.

Direction 1: An illustration-based approach offering more flexibility with colors, objects, and styles, ideal for a cohesive and easily adaptable brand look.

Direction 2: A mix of 3D elements and photography — slightly more complex but visually striking, bold, and aligned with Gen Z-inspired aesthetics.

Website Redesign for Affiliate Marketing Agency: Figma + Webflow | 3d with photos | by kristi.digital | Kristina Volchek

Proposed visual directions — from my Figma file

3. Design in Figma

I designed the full homepage in Figma, focusing on hierarchy, clarity, and consistent brand expression through typography and color.

Website Redesign for Affiliate Marketing Agency: Figma + Webflow | 3d with photos | by kristi.digital | Kristina Volchek

Working on sections design — Screenshot from my Figma file

4. Webflow Build

I built the site in Webflow using a pre-made template as a base, customizing it with my own components and styles for a faster, scalable launch.

Website Redesign for Affiliate Marketing Agency: Figma + Webflow | 3d with photos | by kristi.digital | Kristina Volchek

Hero Section — Screenshot from Webflow

Website Redesign for Affiliate Marketing Agency: Figma + Webflow | 3d with photos | by kristi.digital | Kristina Volchek

Summary

The final result is a clean, modern website that communicates ads2rev’s expertise and services with clarity and confidence — ready to grow with the brand.

Website Redesign for Affiliate Marketing Agency: Figma + Webflow | 3d with photos | by kristi.digital | Kristina VolchekWebsite Redesign for Affiliate Marketing Agency: Figma + Webflow | 3d with photos | by kristi.digital | Kristina Volchek

Featured projects

Shopify
eCommerce

Shopify Redesign for a Barber Subscription Brand

I redesigned Victory Bladeworks’ Shopify store to lead with story, explain the value of their subscription model, and build trust with every scroll.

Shopify Redesign for a Barber Subscription Brand
Growth Design Case Study, In-App Referral, Virtual Tickets, Rewards, Invite Friends, Friend Referrals, Sweatcoin Growth Engine, Growth Team Structure, Growth Design Process, Growth Design Impact, Success Metrics, KPIs, Framer
Growth Design
Mobile App

66M Users in a Year:
Growth Design Case Study

In 2022, Sweatcoin became the world's most downloaded Health & Fitness App. One of the features that helped to gain more than 66M downloads that year was 'Scratch The Prize'.

Explore the innovative growth design strategies, in-app referrals, and the power of localization.

RTL
Localization

Mobile App Design for Right-to-Left Languages

Designing for 120M+ users worldwide: dive into RTL localization challenges, from interface mirroring to cultural nuances, boosting user engagement.

Mobile
Web Design

SweatPaws: Dog Health Quiz for Gen Z

This playful dog step calculator is designed for GenZ and their love for dogs. I was experimenting with neon and Midjourney AI to bring you a truly pawsome user experience.

Humanizing Crypto, Web3 & NFTs: A Designer's Perspective by Kristina Volchek kristi.digital | Mobile Crypto Wallet App | Dark Theme UI UX Product Design iOS
Mobile App
FinTech

Is Humanizing Crypto Even Possible?

Can we ever truly humanize crypto? Can we make crypto simple and user-friendly? The short answer: no.

A designer’s perspective on Web3, NFTs and the Crypto Space.

Other projects

Website Redesign for Affiliate Marketing Agency: Figma + Webflow | 3d with photos | by kristi.digital | Kristina Volchek
Neobrutalism Bento Box UI | Neo brutalism trend, Startup Bold Brand Identity, Dynamic Branding (by Freeelance Product Designer & Growth Design Mentor Kristina Volchek)
Neobrutalism style, Neo brutalism trend, Personal Website Redesign (Product Designer & Design Mentor) Kristina Volchek
Growth Design Case Study, In-App Referral, Virtual Tickets, Rewards, Invite Friends, Friend Referrals, Sweatcoin Growth Engine, Growth Team Structure, Growth Design Process, Growth Design Impact, Success Metrics, KPIs, Framer

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.