Williams Alamu '23 Folio | GSAP Animation, HTML5/SCSS/JavaScript
Duopixel Studio
Hero section of the Portfolio
Mockup of the portfolio on mobile
General project page of the portfolio
Footer section of the about page
Objective:
- Transform Figma designs into a functional, dynamic website for Williams Alamu.
- Enhance Williams's Online Presence with GSAP Animation.
Tools & Technologies:
- HTML, CSS, SASS, JavaScript, Barba.js, GSAP, Lenis Smooth Scroll.
Implementation of GSAP:
Homepage Animations:
Scrolling Effects:
Interactive Elements:
Performance Optimization:
Leveraged GSAP’s efficient and lightweight nature to ensure animations did not affect the site’s load time, maintaining high performance.
Performance Achievement:
Achieved a 98% average on Google Lighthouse audit for Accessibility, Best Practices, Performance, and SEO.
Results:
Delivered a visually stunning, highly responsive website that perfectly aligns with Willie UI's vision.
Enhanced Willie UI’s online presence through dynamic and engaging animations, helping the brand stand out.
Value Delivered:
Demonstrated commitment to creating high-value web solutions focusing on aesthetics and performance.
Utilized GSAP to enrich the user experience, showcasing dedication to crafting meticulously animated web experiences.
Project Page of the portfolio
Like this project
Posted Sep 4, 2024
Portfolio website for Williams - a Creative Designer, to showcase their selected projects.
Likes
0
Views
4
