Campaign Shark

UX architecture User flow Guided onboarding

I worked closely with the developer to turn an early product idea into a clearer web app experience.

Meet the team

App structure

Before designing screens, I mapped the product structure in FigJam to clarify the main sections, navigation and campaign creation flow.

APP ARCHITECTURE

Campaign Shark app architecture map created in FigJam

USER FLOW

Campaign Shark user flow for creating and saving a campaign

Guided setup flow

A guided onboarding flow designed to help users define their business, audience and brand context step by step, even without marketing experience.

See below a selection from onboarding screens:

Welcome to Campaign Shark onboarding mockup

Welcome to Campaign Shark

NAVIGATION PROPOSAL

I redesigned a new navigation bar

The original product used a fixed sidebar. I proposed a more brand-aligned navigation style and a collapsible version to reduce visual weight and give more space to the main workspace.

A flexible sidebar keeps navigation accessible without competing with the main content.

BEFORE

Fixed sidebar (current)

Campaign Shark current interface with fixed sidebar navigation

AFTER (PROPOSAL)

Collapsible sidebar

Campaign Shark navigation proposal with expanded collapsible sidebar Campaign Shark navigation proposal with collapsed sidebar
Campaign Shark navigation proposal annotations
  • Aligned with the brand
  • More room for content
  • Less visual weight
  • Flexible navigation

Let’s bring clarity to your product.

From app structure to guided flows, I can help shape early ideas into clearer digital experiences.