Flavian Digital · Website redesign

Homepage mockups

Seven design directions for flaviandigital.com, including every revision so far. Open any card to view the full interactive page.

Direction A · Dark

Dark, minimal and precise, with a typing plan card in the hero and flat line illustrations.

Illustration and plan card stacked, no overlap.

Updated services: design, automation, social. Chat with us.

Original concept with the earlier service list.

Light and friendly, with pastel colours, flat character illustrations and a live price estimator.

Spot illustration above a smaller, airier headline.

Updated services and estimator. Chat with us.

Original concept with the earlier service list.

Five more distinct takes on the same content, each in a yellow, black and white palette.

Black with bold wide caps, a yellow service ticker and a service list that turns yellow on hover.

Clean white editorial page with yellow highlighter marks and a full service index.

Yellow hero with tilted stickers, a bento grid of black and yellow cards.

Product-style page with a clickable preview window for Design, Automate and Social.

Half black, half yellow hero and a before-and-after view of a typical week.