SKILLS
Creative Thinking,
Coding, Graphic Design
TIMELINE
Spring 2023
ROLE
Website Design
TOOLS
CSS,Javascript,
Illustrator, After Effects
🛌 Dreamwalk is an interactive website to conceptually visualize a dream space using code, illustration, and motion graphic.
Project Overview
Introducing Gemi, your not-so-average planner with a special twist
PROJECT GOAL
Interactive website collaborating codes
and motion graphic
Translating the complexity of a vivid dream into an interactive website that visually encapsulates the dreamer's imaginative space.
Faded Memory
Dream and imagination
Damaged and
Forgotten Memory
VISUAL ELEMENTS
Inspired by the Disney animation "Inside Out," I used 3 different file icons as a metaphor for personal memory storage: Faded memory, Dream and Imagination memory, and Damaged/Forgotten memory. Just like a memory dump in the movie.
Visual Metaphor for Abstract Concepts
PROJECT GOAL
Interactive website collaborating codes and motion graphic
Translating the complexity of a vivid dream into an interactive website that visually encapsulates the dreamer's imaginative space.
Experiment
Interactive public park design for exploration using 3D modeling
.jpg)
03. Process
Research and think process
―DREAMWALK
SPRING 2023
INTERACTIVE WEBSITE
DREAM SPACE
An interactive website visualizes
the concept of dream space, showing personal memories and abstract spaces.
Spring 2023 | Personal Project | HTML, JAVA Script, CSS, After Effect, Cinema 4D, Illustrator