Back to home
SELECTED WORK / FLOWLY

Make every first
impression count.

A clearer way to introduce Flowly. We shaped the messaging, visual identity and responsive website around one goal: helping teams understand the product and find their next step.

BRAND DIRECTION · WEBSITE DESIGN · RESPONSIVE
PROJECTFlowly
CATEGORYSaaS marketing website
SCOPEStrategy · Web design · Responsive
YEAR2026
01 / THE WEBSITEDESKTOP EXPERIENCE
flowly.app
↗
Get started ↗
Meet your new way of working ↗

Work flows
better together.

Bring projects, people and the little details together. A calmer, smarter way to get things moving.

Get started free ↗See how it works ↗
AMK
Designed for teams moving forward
⌘ K
▣   Overview▤   Projects◷   Activity◇   Automations⚙   Settings
MONDAY, OCTOBER 12

Good morning, Alex ✳

Active projects12↑ 12%
Tasks completed284↑ 24%
Team activity98%↑ 8%
Work in motionLast 30 days ⌄
✓
Workflow completed
Ready for review
✧Everything, in sync.Less busywork. More momentum.

A focused introduction that pairs Flowly’s product story with a clear invitation to explore.

02 / THE CHALLENGEA website designed
to make complex feel simple.

The product is powerful.
The message is effortless.

A powerful product deserves a website that makes its value instantly clear. For Flowly, the focus was simple: turn complexity into clarity, build confidence through design and make every next step feel effortless.

Web directionConversion-focused layoutsResponsive design

MADE BY STUDIOCO

Your website could be next.

Get a standout website built around your business, without a large upfront fee.

Explore StudioCo
03 / CURATED WEBSITE MOMENTS

The moments that
make it memorable.

From the opening headline to the sign-up form, each section has a distinct job: explain the offer, show the product or help visitors take the next step.

04 / THE DETAILS

It's the little things
that make it feel alive.

Small interaction cues, restrained motion and consistent iconography help the experience feel connected without distracting from the content.

01 / CURSOR & INTERACTIONMOVE YOUR MOUSE ↗
Product   Solutions   PricingGet started ↗
MADE FOR BETTER WORK

Everything in
its flow.

A custom interaction that adds personality without getting in the way.

Explore the platform ↗
HOVER TARGETClear clickable surfaces
CURSOR MOMENTBranded micro interaction
USER FEELINGMore confident, less guesswork
02 / ICONOGRAPHYMADE FOR FLOWLY

Small marks.
Strong character.

MOMENTUM
WORKSPACES
AUTOMATIONS
PLAYBACK
STRUCTURE
COMPLETE

Distinctive by design. Consistent in every detail.

03 / MOTION DESIGNWATCH IT MOVE
✦
New projectAdded to workspace
✓
↗
Team in syncUpdated automatically
✓

Purposeful movement that brings the experience to life.

04 / INTERACTION STATESTHE DETAILS MATTER

Considered in
every state.

One clear action, with just enough feedback to feel intuitive.

DEFAULTGet started
HOVERGet started ↗
COMPLETEDone ✓

Subtle feedback. A more natural experience.

05 / RESPONSIVE EXPERIENCE

Designed for
the way we browse.

The same design principles carry across mobile and tablet, with layouts adjusted for the space available rather than simply scaled down.

MADE BY STUDIOCO

Great design, on every screen.

We design for the way your customers actually browse, then keep your site improving with unlimited requests.

Get started
06 / THE OUTCOME

One cohesive website.
From first look to final click.

A shared type system, colour palette and component language connect every page and viewport.

MARKETING WEBSITEMULTI-PAGE DIRECTIONDESIGN SYSTEMRESPONSIVE LAYOUTS
THE TAKEAWAY

Design that makes
the complex feel simple.

The result is a unified direction for Flowly’s website: straightforward messaging, recognisable visuals and a responsive system designed around how people explore the product.

Let's build your website ↗← Back to selected work