project
my portfolio ver.0
2023
[ information ]
- Genre:
- Website
- Responsibility:
- Design / Development
- Technologies:
- HTML, CSS, SCSS, SVG, JavaScript, GSAP, Gulp
- Tools:
- Figma, Illustrator
[ description ]
[ images ]
-
Main visual featuring an expanding ring animation -
Constellation animation appears on the left when the menu is opened -
Works section incorporating neumorphism -
Animated icons created with SVG -
Animation incorporating neumorphic characteristics
- English -
Site Overview
This is the very first portfolio website I created for myself. At the time, I had only been learning web development for about four months and had no professional track record yet, so I was desperately working on this site to secure my first projects. My skills were limited back then, but I vividly remember putting my maximum effort into this work with everything I had.
While there are many rough edges, this website helped me land several opportunities, which led to expanding connections and new possibilities. That's why it remains a site I'm deeply attached to even now.
Design and Concept
The overall site design is based on a simple black and white color scheme, accented with vivid pink. I incorporated various effects like neumorphism, which pairs well with simple color palettes, while being careful to maintain design consistency throughout.
The concept is "Shaping 'Feelings' into Form through Coding." I believe that websites serve as a medium to give tangible "form" to people's various feelings and messages they want to convey through their businesses, then distribute them worldwide. The expanding ring animation in the main visual represents how these feelings and human connections spread and propagate throughout the world.