CYTONIC AI
About
Web-based builder that uses AI to generate Web3 websites and apps — such as launchpads, swaps, and dashboards. I led the full design process — from user flows to the complete interface of the AI-powered builder. My focus was on making complex Web3 features simple and usable, enabling users to generate and edit apps with ease
Project type
AI constructor
Web 3
Roles
Project manager
Head of design
Deliverables
UX testing
Architecture
Brand identity
UI-design
Benchmark

Case 01
Simplifying entry into
AI app generation
Discover
Users felt overwhelmed by too many options and cognitive overload appeared before they reached the editor
Define
There was no clear entry path, causing confusion. The goal was to create a simple linear flow from idea to project
Develop
I designed a step-by-step flow with template selection, basic setup, and project creation via AI chat
Deliver
Entry became much simpler, the chat editor turned into the core interaction model, and the product felt both powerful and approachable
Entry complexity reduced
User onboarding completion improved

Case 02
Making AI edits transparent
with pull requests
Discover
AI edits happened behind the scenes, leaving users unable to see what changed, which created distrust
Define
Lack of visibility reduced confidence. The goal was to provide clarity and traceability for each modification
Develop
I added pull request links to every AI edit, enabling users to review code changes, track history, and stay in control
Deliver
The gap between automation and transparency was closed, and the editor became trustworthy for both designers
and developers
Code review time reduced
User trust score increased

Case 03
Landing page for product presentation
Discover
The product needed a clear launch touchpoint to showcase value and support marketing efforts
Define
The challenge was to highlight AI’s core features while creating a compelling first impression
Develop
I designed an interactive landing page that communicated Cytonic AI’s positioning and product strengths
Deliver
The launch page supported growth, highlighted differentiators, and became the foundation for external communication
Engagement on launch page
45%
Conversion to sign-ups improved by
20%

Questions
you might have
What’s your preferred work setup?
Do you have Web3 experience?
What leadership experience do you have?
Share a product design initiative you led and its impact
Have you worked with design systems?
How do you approach research?
Why do you prefer startups or early-stage products?
Anything else we should know?
other projects
From the past few years
Questions
you might have
What’s your preferred work setup?
Do you have Web3 experience?
What leadership experience do you have?
Share a product design initiative you led and its impact
Have you worked with design systems?
How do you approach research?
Why do you prefer startups or early-stage products?
Anything else we should know?


About
Project type
AI constructor
Web 3
Roles
Project manager
Head of design
Deliverables
UX testing
App architecture
Brand identity
UI design
Benchmark
01
Simplifying entry into
AI app generation
Define
There was no clear entry path, causing confusion. The goal was to create a simple linear flow from idea to project
Discover
Users felt overwhelmed by too many options and cognitive overload appeared before they reached the editor
Develop
I designed a step-by-step flow with template selection, basic setup, and project creation via AI chat
Deliver
Entry became much simpler, the chat editor turned into the core interaction model, and the product felt both powerful and approachable
Entry complexity reduced
User onboarding completion improved


02
Making AI edits transparent with
pull requests
Define
Lack of visibility reduced confidence. The goal was to provide clarity and traceability for each modification
Discover
AI edits happened behind the scenes, leaving users unable to see what changed, which created distrust
Develop
I added pull request links to every AI edit, enabling users to review code changes, track history, and stay in control
Deliver
The gap between automation and transparency was closed, and the editor became trustworthy for both designers and developers
Code review time reduced
User trust score increased


03
Landing page for product presentation
Define
The challenge was to highlight AI’s core features while creating a compelling first impression
Discover
The product needed a clear launch touchpoint to showcase value and support marketing efforts
Develop
I designed an interactive landing page that communicated Cytonic AI’s positioning and product strengths
Deliver
The launch page supported growth, highlighted differentiators, and became the foundation for external communication
Engagement on launch page
45%
Conversion to sign-ups improved by
20%


Questions you might have
What’s your preferred work setup?
Do you have Web3 experience?
What leadership experience do you have?
Share a product design initiative you led and its impact
Have you worked with design systems?
How do you approach research?
Why do you prefer startups or early-stage products?
Anything else we should know?








