Aryna Verchenko

open to full-time roles

AI SaaS site redesign

Built in 2024, redesigned and expanded in 2026

A Webflow site for an AI lease-abstraction product. When the client came back in early 2026, I designed the refresh as well as building it.

visit
dealsumm.com, hero after the 2026 redesign
Client
DealSumm, AI-powered lease abstraction for commercial real estate (CRE) teams
Role
Webflow developer (2024) · designer and developer of the redesign (2026). Agency project via Upwork.
Stack
  • Webflow
  • Webflow Interactions
  • Webflow CMS
  • Client-First
  • Custom JavaScript
  • Figma
Timeline
Launched June 2024redesigned and relaunched April 2026
2
launches: June 2024, April 2026
~10
new pages in the redesign
4
new site sections
~1 month
to redesign and rebuild

Overview

DealSumm uses AI to extract and analyse lease data for commercial real estate portfolios. In 2024 I built their marketing site in Webflow from our agency designer’s Figma file, our first project together. In early 2026 the client came back wanting a fresher site and more pages. This time I designed the refresh as well as building it, and added four new sections to the site.

My role

  • 2024: built the full site in Webflow from the agency designer’s Figma design
  • 2026: redesigned the site in Figma within the existing brand, built a design system with tokens, iterated on the direction with the client, then built it, adding about 10 new pages
  • Built the interactive pieces: the timed hero cards and auto-rotating tabs
  • Structured the CMS for the site’s recurring content: blog and authors, case studies, team, open positions, testimonials, client logos and a video library
  • Built both versions on Client-First, so another developer can pick the project up without a walkthrough

Challenges & solutions

A refresh built on a design system

The client wanted the site to feel fresher without changing a brand they already had. I kept the identity and fonts, and focused on the structure underneath. The 2024 typography scale was inconsistent, so I rebuilt it, then turned the refresh into a proper design system in Figma:

  • Colour: an expanded palette built from the existing brand colours, defined as tokens
  • Typography: a type scale set for each breakpoint
  • Components: buttons, input states and reusable section components

We went through a few rounds with the client to settle the direction, then I built it in Webflow on the same tokens, so the design file and the live site use one system.

The 2024 homepage and the 2026 redesign: same brand, new structure
The design system behind the redesign: colour tokens, a type scale per breakpoint, and component states

Four new sections for how CRE teams buy

The redesign also expanded the site. The navigation now leads with Solutions and Sectors, and I added about 10 pages across four new sections:

  • Solutions: the service models (Self-Service, DIY, Full Service)
  • Sectors: pages for each type of CRE team
  • Platform features: product pages for each capability
  • Video library: a CMS-driven collection of product and customer videos

Every new page is assembled from the design system’s components, so the sections stay consistent and adding a page doesn’t need new design work.

Two of the new sections, built from the same components

A hero timed to the video

The hero uses a fullscreen aerial video of a city skyline with built-in pauses. Our agency designer prepared it for the original build, and it carried over into the redesign unchanged. It plays through Webflow’s native background video element. I added data cards (rent trends, critical-date alerts) that appear next to specific buildings. They’re pure Webflow Interactions, timed from page load to land on each pause, so the effect needs no custom code. Mobile gets the same video and cards, rearranged to fit a narrow screen.

Data cards land on each pause in the skyline video

Tabs that run on their own

Product features sit in tabs that rotate automatically, with a progress bar showing time to the next tab. I wrote custom JavaScript on top of Webflow’s native tabs rather than rebuilding them, so the structure stays editable in the Designer.

The auto-rotating tabs, with the progress line on the active tab

Results

  • The client returned in early 2026 for a redesign and about 10 new pages, and the site is still live on my build

  • Redesign and rebuild delivered in about a month

  • Colour tokens, a type scale per breakpoint and component states, shared by the Figma file and the live site, with every new page built from it

The web is full of worlds

Let's build yours!