WEALWAVE PRODUCTS / ILLUSTRATED PORTFOLIO

Lilac AtelierMake your thinking visible.

An expressive home for independent design work, with case studies visitors can explore and interfaces they can try.

Your project brief stays in this browser. Nothing is sent.

Implemented Lilac Atelier homepage showing Mara at her worktable
Actual desktop capture · open the live demo
20

Connected pages

Work, services, process and a studio journal.

04

Interactive case studies

Four focused decisions visitors can try.

01

Take-away project brief

Editable review, copy, TXT and print.

A PORTFOLIO WITH A POINT OF VIEW

Let the work do more than sit pretty.

Give prospects a path from the first impression to a concrete design decision. Designed for independent UX/UI designers, small product studios and specialists whose process is part of their offer.

DESKTOP / FIRST IMPRESSION
Actual desktop homepage
Oversized serif headlines, a character-led opening and a lavender wave into selected work.
Actual mobile homepage
On mobile, the copy and artwork stack in reading order.

FOUR FICTIONAL CASE STUDIES

Different projects. Different decisions.

Each case study shows three interface screens and includes an interactive walkthrough with sample data.

FROM INTEREST TO A USEFUL CONVERSATION

Give the idea somewhere to go.

Visitors can see the service behind a case study and carry a project or service into a brief. The reviewed draft can be edited and taken away.

Try the brief with Bloom selected ↗

Your project brief stays in this browser. Nothing is sent.

Actual brief page with Bloom selected
Implemented brief · answers stay in the current page.

THE IMAGE DIRECTION

Scenes from the atelier.

Explore each image, the visual idea behind it and its role in the website.

Original illustration for Mara’s worktable

IMAGE 01

Mara’s worktable

Warm paper, rounded forms and a plum cardigan place the designer in a recognizable working environment.

In the website

The illustrated homepage opening.

Original generated artwork
Original illustration for Bloom

IMAGE 02

Bloom

Care, one leaf at a time. The composition uses project-specific materials and colours.

In the website

The illustrated introduction to the Bloom case study.

Original generated artwork
Original illustration for Fieldnote

IMAGE 03

Fieldnote

A reading room that travels well. The composition uses project-specific materials and colours.

In the website

The illustrated introduction to the Fieldnote case study.

Original generated artwork
Original illustration for Dayline

IMAGE 04

Dayline

See what the week is asking of you. The composition uses project-specific materials and colours.

In the website

The illustrated introduction to the Dayline case study.

Original generated artwork
Original illustration for Petal Kit

IMAGE 05

Petal Kit

A small library that speaks clearly. The composition uses project-specific materials and colours.

In the website

The illustrated introduction to the Petal Kit case study.

Original generated artwork
Original illustration for At the table together

IMAGE 06

At the table together

Mara and Ari compare sketches and give the fictional practice a second perspective.

In the website

The About and Process pages.

Original generated artwork

THE BRAND SYSTEM

Soft edges. A strong point of view.

01 / COLOUR

A warm canvas and purposeful accents.

Warm ivory#FFF8F0

Quiet canvas for prose and the illustrated opening.

Lavender#D9C7F4

A clear change of scene for the work gallery and decorative waves.

Peach#FBE0CB

Service surfaces, workshop materials and warm transitions.

Coral#A43B49

High-contrast invitation and primary actions in the demo.

02 / TYPE

An editorial voice.

Lilac AtelierAa

Digital experiences with a little more feeling.

Georgia carries the demo’s expressive headlines. Self-hosted Inter handles reading text, labels and controls.

03 / INSTALLED ICONS

Pastel medallions and clear labels.

Discover
Design
Prototype
Handoff
Product UX/UI
Mobile app
Responsive web
Design system

Eight original line illustrations support the process and service sections.

04 / CHARACTERS

Meet Mara and Ari.

Mara, the fictional designerAri, the fictional collaborator

Mara leads the portfolio. Ari joins workshop and handoff moments. Both are original fictional characters.

05 / PATTERNS

Waves between chapters.

Section waves mark a change of pace. Sparkles and handwritten-style notes sit at the edge of artwork.

SCOPE AND CUSTOMIZATION

Start with the right size.

The five-page starting package

  • Five responsive website pages
  • Reference-led visual direction
  • Draft brand guidelines and asset boards
  • Working navigation and labelled sample interactions
  • Two consolidated revision rounds
  • Content and handover scope agreed before delivery

The expanded showcase

The 20-page demo, four interactive prototypes, extra artwork and guided brief are examples of separately scoped work.

  • Your business name, copy and approved images
  • A brand adaptation using the agreed palette and identity
  • Additional standard pages and supported modules
  • Custom integrations quoted separately

Describe the pages and features you would adapt. Your project brief stays in this browser until you leave.

EXPLORE AND PLAN

See how the portfolio fits together.

Who is this design for?

Independent designers, small studios and product specialists who want to show their process alongside selected work.

What can visitors try?

Four fictional design walkthroughs cover mobile care, responsive reading, dashboard filtering and component states. Each has a specific task and sample data.

How does the brief work?

The brief can be reviewed, copied, downloaded or printed. Answers stay on the current page until navigation or reload.

Can the design be adapted to my work?

Yes. Your approved work, copy, identity and assets shape the portfolio. Any added functionality is scoped before delivery.

YOUR WORK, IN YOUR VOICE

Give your process a place on the page.

Your project brief stays in this browser. Nothing is sent.