Case 1

Case 1

Simplifying entry into
AI app generation

Simplifying entry into
AI app generation

Discover

Discover

Web3 builders overloaded with options → users unsure where to start. Cognitive overload appeared before reaching the editor

Web3 builders overloaded with options → users unsure where to start. Cognitive overload appeared before reaching the editor

Define

Define

Problem

Problem

No clear entry path, confusion at start

No clear entry path, confusion at start

Goal

Goal

Create a simple linear flow from idea to editable project

Create a simple linear flow from idea to editable project

Develop

Develop

Designed step-by-step flow:

  1. Template selection

  2. Basic setup

  3. Project creation & editing via AI chat

Designed step-by-step flow:

  1. Template selection

  2. Basic setup

  3. Project creation & editing via AI chat

Deliver

Deliver

Reduced entry complexity

Reduced entry complexity

Chat editor became the core interaction model

Chat editor became the core interaction model

Product felt powerful yet approachable

Product felt powerful yet approachable

Case 2

Case 2

Making AI edits transparent with pull requests

Making AI edits transparent with pull requests

Discover

Discover

AI edits happened “behind the scenes,” users couldn’t see what changed. This created distrust and uncertainty

AI edits happened “behind the scenes,” users couldn’t see what changed. This created distrust and uncertainty

Define

Define

Problem

Problem

No visibility into AI-driven edits reduced confidence

No visibility into AI-driven edits reduced confidence

Goal

Goal

Provide clarity and traceability for each modification

Provide clarity and traceability for each modification

Develop

Develop

Added pull request links to every AI edit

Added pull request links to every AI edit

Users could review code changes, track history, and stay in control

Users could review code changes, track history, and stay in control

Deliver

Deliver

Bridged the gap between AI automation and transparency

Bridged the gap between AI automation and transparency

Editor became trustworthy for both designers and developers

Editor became trustworthy for both designers and developers

Case 3

Case 3

Landing page for product presentation

Landing page for product presentation

Deliver

Deliver

I designed an interactive landing page that showcased Cytonic AI’s value, highlighted core features, and supported the launch.

I designed an interactive landing page that showcased Cytonic AI’s value, highlighted core features, and supported the launch.

Null.face

Bechmarked Web3 agencies, identified 5 missing services

Created all 3D illustrations in Cinema4D and animations in AE

Defined strategy, business model, and positioning

Built a cohesive visual language and brand guide

Cut outsourcing costs to 0

Bechmarked Web3 agencies, identified 5 missing services

Created all 3D illustrations in Cinema4D and animations in AE

Defined strategy, business model, and positioning

Built a cohesive visual language and brand guide

Cut outsourcing costs
to 0

Roles

Roles

Head of design
Founder

Head of design
Founder

Deliverables

Deliverables

3D design

UX research
Brand strategy

UI design

3D design

UX research
Brand strategy

UI design

Principal designer,
6 + years of experience

Principal designer,
6 + years of experience

Create a free website with Framer, the website builder loved by startups, designers and agencies.