Discover the best motion-design websites created by professional designers. Get inspired and start planning your perfect motion-design web design today!

hydro.

The Street Food Company put world flavours on other people's menus. Sauces and pastes, ready meals, prepared meats and a chef's edition range, supplied to pubs, restaurants, cruise lines and airlines including Stonegate, TGI Friday's and Holiday Inn.

They had just refreshed the brand and needed a site to do it justice, not a brochure. We designed it in Figma against dark tones so the food photography carries the energy, then built it in Webflow with subtle interactions and a flexible CMS so the team can keep adding ranges, recipes and menu concepts themselves.

Recipes and menu ideas sit alongside the product ranges, because a development chef hunting for a dish and a buyer sourcing a supplier are the same visit. Twelve weeks, Figma to launch.

The Streetfood Company

Hardtech bring electrical and mechanical engineering together under one roof: high voltage up to 33kV, control systems, site-wide distribution, compliance testing, renewables. An acquisition had grown the business well past the brand and website representing it.

We designed and built the new brand and site in Figma and Webflow. The structure leads on outcomes and sectors rather than engineering disciplines, so a food producer, a substation operator and a listed-building estate each find themselves in the first scroll. Motion graphics run through the page system so heavy infrastructure work reads as live and moving rather than static.

"Trust the outcome" is the promise, so the site had to earn it before the first conversation. Confident type, real site photography, and a page system built to keep scaling as the group grows.

Hardtech Engineering Services

Julien Pianetti

A portfolio created to mark my transition to freelance, specializing in web design, Webflow development, and motion design.

Julien Pianetti Portfolio

Brrrief

Brrrief's Workspace

HausInsider is a modern platform dedicated to interior design, home inspiration, and contemporary living. We showcase thoughtfully curated spaces, innovative design ideas, and practical solutions that help homeowners create beautiful, functional, and timeless interiors. Whether you're renovating, decorating, or seeking inspiration, Haus Insider brings together creativity, style, and expert insights to elevate every living space.

Hausinsider

Muhammad Ali Shan

Challenge:
NOCK NOCK, a Berlin and Hamburg creative studio working with impact driven brands across climate, AI, mobility, and media, needed a marketing site that matched the calibre of their client work.

Approach:
I led the Webflow build with team collaboration, translating the design with full fidelity using MAST as the style guide and Finsweet Attributes where native Webflow fell short. Custom CMS was architected for case studies and services so the studio can publish independently.

GSAP scroll animations paired with Lenis smooth scroll gave the site the weight and rhythm a creative studio demands. GA, GTM, and Meta Pixel were configured for tracking and conversion insights.

Outcome:
A production grade studio site that holds NOCK NOCK's creative standard and gives the team a scalable foundation to grow with.

Stack:
Webflow, MAST, Finsweet Attributes, GSAP, Lenis, GA, GTM, Meta Pixel, JavaScript, Figma.

NockNock Studio

Klimt Creations

Klimt's Workspace

In cybersecurity, buyers don't give second chances. Dominion Cyber had the credentials. A 24/7 SOC, red team work for federal courts, HIPAA-regulated healthcare security. The expertise was real. The brand wasn't keeping up.

We built both layers. A pixel-art-inspired identity that breaks from the usual shields and dark interfaces, and a six-page Webflow site designed around how security buyers actually evaluate vendors.

Certified, senior-led, enterprise-grade. Now the brand looks the part.

We rebuilt the site from the ground up in Webflow. Six core pages, Home, Services, Solutions, About, Blog, and Community, each structured to answer a specific question a cybersecurity buyer would have at that stage of evaluation.

Dominion Cyber - Building Trust Before the First Call

Wow House Studio

Wells Collins is an award-winning brand designer and creative director based in Denver, Colorado, specializing in typographic logos, wordmarks, and brand systems. We helped Wells develop a new brand and portfolio website that elevates his work and attracts higher qualified leads.

Wells Collins

Juan P Patino

Website for Common Era, the R&D engine of the Jim Joseph Foundation exploring the future of Jewish life. Designed and built in Webflow with a bold kinetic-typography hero, background video, and a clean, editorial narrative structure.

Common Era

We partnered with Jenergy Electrical to build a fully responsive Webflow website focused on clarity, trust, and conversion.

The goal was to move away from a static contractor-style presentation and create a polished, easy-to-manage online experience.

The new site highlights Jenergy’s core services, showcases project credibility, and guides users smoothly through booking and enquiry flows.

Our approach centered on showcasing Jenergy’s expertise through visual simplicity and functional precision.

The design language leaned on clean grids, strong typography, and subtle motion to enhance trust and clarity.

Every layout decision was guided by the client’s primary business goal, making it easier for customers to book, enquire, or request a quote in just a few clicks.

Jenergy Webflow Landing Page

The redesign started with a single constraint: every workflow an agent completes in the field had to be achievable in one or two interactions. No more. The reference points were deliberate - Robinhood's dashboard clarity, Apple's discipline around subtraction. In a tool used under operational pressure, complexity isn't neutral. It's friction, and friction is churn.

Mobile-first for agents. Streamlined desktop for admins. Not two versions of the same interface but two architecturally distinct responses to two completely different operational contexts, held together by a single visual system that makes them feel like the same product.


MyOps now looks like the company it already is. The gap between product quality and product presentation is closed.

MyOps: From MVP to Market-Ready - SaaS Product Redesign

Jan Vodvarka

Jan Vodvárka

Webflow development for Litovel brewery with a bold visual style, strong brand storytelling, and a premium motion-driven presentation.

Litovel

Challenge:
EDT & Partners, a global education consultancy serving universities, governments, EdTech firms, and publishers across 40+ countries, needed a corporate site that matched their global standing as a strategic sector partner.

Approach:
I owned the project end to end, from concept and design through development, animation, and launch. MAST served as the style guide for a clean, scalable structure, with Finsweet solutions extending Webflow where needed.

A custom CMS was architected for insights, case studies, services, and team so the firm can publish at scale. GSAP brought intentional motion across the site, and GA with Meta Pixel handled analytics and conversion tracking.

Outcome:
A production grade site that reflects EDT & Partners' global authority and gives the team a scalable foundation built to grow with.

Stack:
Webflow, MAST, Finsweet, GSAP, GA, Meta Pixel, JavaScript, Figma.

Live site: www.edtpartners.com

EDT&Partners | Global Education Consulting Firm

Challenge:
+Detail, a women owned architecture and design firm, needed a full multi page Webflow site that reflected the calibre of their work across healthcare, higher education, and cultural spaces. Delivered as a solo collaboration with Enthusiasm Lab.

Approach:
I built the full site in Webflow with full design fidelity, using Client-First as the style guide and Finsweet Attributes where native Webflow fell short. Custom CMS collections were structured for projects, news, and team so the firm can publish independently.

GSAP scroll animations gave the site the weight an architecture portfolio demands. Hotjar and GTM handled tracking, with Google Maps API powering location elements.

Outcome:
A production grade site that holds +Detail's brand standard and gives the team a clean foundation to manage long term.

Stack:
Webflow, Client-First, Finsweet Attributes, GSAP, Hotjar, GTM, Google Maps API, JavaScript, Figma.

+Detail

Aina Miralda Design

Aina Miralda's Workspace

Nicolas Clausen is a self-taught Argentinian director based in Barcelona, Spain. His professional journey in the audiovisual industry began at a very young age. Growing up surrounded by theatre and design, he was immersed in an environment that nurtured creativity and gave birth to stories and characters on a daily basis.

I developed his portfolio with a clean, minimal yet contemporary approach, creating a visual language that leaves room to breathe and places the content at the center of the experience. The design gives prominence to his work, allowing each project and story to speak for itself through a refined and modern digital presence.

Nicolas Clausen

Christopher Fernandes

Ferr Studio | Branding | Motion

Rivyl

Rivyl's own brand accelerator platform, designed and built end-to-end in Webflow. A motion-led experience that turns brand strategy into something you feel while you scroll, backed by a fully CMS-driven case study system spanning 25+ client projects across ecommerce, beauty, SaaS, food and apparel. Custom interactions, performance engineered for scale, and a CMS architecture our team built to ship new work fast. This is the standard we build every client site to.

Nancy Peng Design

Webflow development of PWSE's new website for Pathway

Have a similar project? Get in touch via email, nancy@nancypengdesign.ca

Pathway | pwse.com

Avengr Video & Web Design

Avengr

MDNT (midnight) is a Nashville-based experiential marketing agency that produces branded activations, field marketing programs, and event operations for consumer brands like Red Bull, Patrón, and Buona Beef. Their work is bold, nocturnal, and culture-driven, and the site needed visual energy to match.

We designed and built a Webflow site that leans into MDNT's after-dark brand identity through custom WebGL fluid animation, moody video backgrounds, marquee motion, and case study driven storytelling. The build splits their two distinct service lines (For Brands and For Events) into clear paths, with a CMS-powered case studies section that scales with every new activation.

MDNT

102022939

1026885926

102976941

1038319252

gpt-5-nano

1070795817

1098530826

gpt-4.1-mini

112746687

Get direct access to benefits like unlimited staging sites and more control over roles & permissions

Unlock more for your business with the

1131232030

Custom code and scripts won’t be supported.

Custom code

You won’t be able to export HTML and CSS files.

Code export

You won’t be able to manage site-level access and publishing.

Site-level roles & permissions

{{count}} {{sites}} {{exceed}} client seat limit. Excess seats will be removed.

Client seats

Free guest access to client Workspaces won’t be available.

Guest access

Staging sites will be unhosted with limited CMS, and no passwords or redirects.

Staging sites

1138017326

claude-sonnet-4-5

1186914386

claude-opus-4-6

1207293145

1274323923

1338389614

140432223

1444732314

1462086697

1506258256

1514009179

1559290700

1567550242

1592612642

1609688815

1621889036

1631162196

1692956854

1696523225

17004821

1726628865

173927913

1768015773

gpt-5.5

1771795565

1863160016

1870758752

1905118106

1919353748

193274770

1960278590

1975670756

1977767562

2025032126

2030598753

Outliant

Hireclix

Refokus

Kinetic

Heco

2144870841

2147413158

2167006968

2216482092

2243824526

2250401860

225169335

2256326107

2320791503

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2401116685

2401437500

2486364096

gpt-4o

gpt-5-mini

gpt-4o-mini

2493307210

2546957535

2556595834

2624148589

2639613659

265457401

2717840929

2749253609

2789269995

2842505721

284989039

285302288

2903381045

User Accounts will no longer be available on January 29, 2026.

Visit Webflow’s Help Center for migration guidance and more info.

2940878268

2972123611

3022611874

3023147062

3026881092

3056387847

3057360577

3070246498

307653616

3099012871

3106924665

3108168977

3112069432

3120801339

3125710258

3151661775

3162101956

301 Redirects

Custom Code

Code Export

Site Transfer

Join client workspaces for free and add up to 5 users from your workspace

Guest Access

Limited seats available, n sites will have client seats removed

Client Seats

Staging sites will be unhosted with limited CMS and no passwords or redirects.

Staging Sites

3201643127

3220870747

3238278814

3258716925

3266482432

3289310561

3313039722

3315729993

3387258362

3410497685

3417108561

3452464914

3458155273

gemini-3.6-flash

3497785011

3590523401

3591394191

3594629977

3661799733

3669004489

3673080560

3680518347

3736611573

Best Motion Design Websites | Free Examples & Designs

Discover Motion design websites
built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Motion design websites built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Motion design websites
built by the Webflow community