Motion & Interaction
Motion plays a quiet but important role in expressing the ALIVE concept.
I created short, looping animations in Procreate Dreams — subtle light pulses, flowing lines, and organic transitions that bring the interface to life without distraction.
ALIVE Design Studio — Website & Brand Integration
My role: UX/UI Designer, Brand Designer, Visual Creator
Tools: Figma · Procreate Dreams · Framer
Backround & Goals
The website needed to:
Present my projects clearly and professionally
Express my visual identity and tone
Stay flexible for future work (3D, motion, gaming art)
Function as a living, evolving space
Core Goals:
Communicate my brand’s philosophy
Deliver a seamless UX/UI experience
Integrate subtle motion and storytelling
Be easy to update as my creative journey grows
Final Design
The final result is a clean, dark, and immersive website that reflects my design values — modern, emotional, and alive.
Each section tells a small story, supported by motion and clarity.
The site is built to grow with me — adapting as I explore 3D, animation, and new forms of visual storytelling.
Creating my own studio website was more than a portfolio exercise — it was a reflection of my creative identity.
I learned how structure and emotion can coexist in design, how animation can add depth, and how building something personal deepens understanding of user experience.
Key Learnings:
Keep the structure flexible for future growth.
Simple motion can express personality better than loud visuals.
Consistency and calm design build stronger trust.
Reflection & Learnings
Back
Back
ALIVE Design Studio — Website & Brand Integration
My role: UX/UI Designer, Brand Designer, Visual Creator
Tools: Figma · Procreate Dreams · Framer
Research & Inspiration
Development & Platform
I built the website using Framer, balancing creative control with practical flexibility.
Framer allowed me to:
Customize layouts to match my Figma design
Add looping background videos and scroll effects
Maintain a consistent brand system
Easily update future projects and case studies
Final Design
The final result is a clean, dark, and immersive website that reflects my design values — modern, emotional, and alive.
Each section tells a small story, supported by motion and clarity.
The site is built to grow with me — adapting as I explore 3D, animation, and new forms of visual storytelling.
Reflection & Learnings
Creating my own studio website was more than a portfolio exercise — it was a reflection of my creative identity.
I learned how structure and emotion can coexist in design, how animation can add depth, and how building something personal deepens understanding of user experience.
Key Learnings:
Keep the structure flexible for future growth.
Simple motion can express personality better than loud visuals.
Consistency and calm design build stronger trust.
Outcome
Fully responsive and easy to update
Visual identity integrated across web and social platforms
Increased engagement and clearer communication of my brand
ALIVE Design Studio’s website is more than a portfolio — it’s a living representation of how I think, design, and evolve.
alive
Overview
I designed and developed the digital home for my personal studio — ALIVE Design Studio.
The goal was to create a calm, modern, and emotionally resonant experience that reflects the studio’s philosophy: Design that feels ALIVE, not just seen.
This project combines my UX/UI skills with my growing interest in visual storytelling, branding, and animation.
alive
Back
Overview
I designed and developed the digital home for my personal studio — ALIVE Design Studio.
The goal was to create a calm, modern, and emotionally resonant experience that reflects the studio’s philosophy: Design that feels ALIVE, not just seen.
This project combines my UX/UI skills with my growing interest in visual storytelling, branding, and animation.
Development & Platform
I built the website using Framer, balancing creative control with practical flexibility.
Framer allowed me to:
Customize layouts to match my Figma design
Add looping background videos and scroll effects
Maintain a consistent brand system
Easily update future projects and case studies
Visual Design
The visual system evolved directly from my brand identity: ALIVE — Attractive, Lively Ideas, Visualization & Enhancing.
I wanted to blend modern structure with organic emotion.
Design Decisions:
Color Palette: Dark neutrals with deep green accents — representing calm energy and life.
Typography: Simple geometric sans for clarity; softer secondary type for personality.
Layout: Asymmetric balance, white space, depth through light and motion.
Imagery: Minimal, textural, moody tones.
Research & Inspiration
Before designing, I explored other designers’ portfolios and creative studio websites.
I studied how minimal layouts could still feel personal, how motion could express identity, and how structure could remain flexible.
Key Inspirations:
Minimal, dark-themed design systems
Organic, flowing motion (representing life and energy)
Clean typography and balanced grids
Calm, immersive atmospheres
Outcome
Fully responsive and easy to update
Visual identity integrated across web and social platforms
Increased engagement and clearer communication of my brand
ALIVE Design Studio’s website is more than a portfolio — it’s a living representation of how I think, design, and evolve.
Back
Before designing, I explored other designers’ portfolios and creative studio websites.
I studied how minimal layouts could still feel personal, how motion could express identity, and how structure could remain flexible.
Key Inspirations:
Minimal, dark-themed design systems
Organic, flowing motion (representing life and energy)
Clean typography and balanced grids
Calm, immersive atmospheres
Motion & Interaction
Motion plays a quiet but important role in expressing the ALIVE concept.
I created short, looping animations in Procreate Dreams — subtle light pulses, flowing lines, and organic transitions that bring the interface to life without distraction.
Backround & Goals
Core Goals:
Communicate my brand’s philosophy
Deliver a seamless UX/UI experience
Integrate subtle motion and storytelling
Be easy to update as my creative journey grows
The website needed to:
Present my projects clearly and professionally
Express my visual identity and tone
Stay flexible for future work (3D, motion, gaming art)
Function as a living, evolving space
Visual Design
The visual system evolved directly from my brand identity: ALIVE — Attractive, Lively Ideas, Visualization & Enhancing.
I wanted to blend modern structure with organic emotion.
Design Decisions:
Color Palette: Dark neutrals with deep green accents — representing calm energy and life.
Typography: Simple geometric sans for clarity; softer secondary type for personality.
Layout: Asymmetric balance, white space, depth through light and motion.
Imagery: Minimal, textural, moody tones.