Hayoon
Design Portfolio Web Design

Project Purpose

Build a portfolio website that maximizes the visual and technical expression of design expertise and award achievements.

• Emphasize Design Expertise: Implement a website that conveys the sophisticated brand image of a high-end design studio and provides an immersive project experience.

• Performance and Accessibility Optimization: Maximize user experience by providing rich visual elements based on a dark theme with minimized loading time and stable performance.

Scope

Complete UX/UI Design, Frontend Development

Design Points

• Responsive web and cross-browser compatibility: Designed with CSS Grid/Flexbox to provide optimized layouts and consistent user experience across all devices from desktop, tablet, to mobile.
• Premium animations and interactions: Implement dynamic section transitions (e.g., Portfolio section) and delicate element-by-element animations (e.g., Moon image animation) using GSAP library to enhance design immersion.
• Optimized image and media loading: Maintain high Core Web Vitals performance metrics despite rich visual content through lazy loading, WebP format application, and asynchronous data processing.

My Role

• Planning/Design: UI component development using HTML/CSS, implementation of premium interactions and animations based on JS (GSAP), and UI/UX review and revision for user experience (UX) improvement