Williams Alamu '23 Folio | GSAP Animation, HTML5/SCSS/JavaScript

Duopixel Studio

Hero section of the Portfolio
Hero section of the Portfolio
Mockup of the portfolio on mobile
Mockup of the portfolio on mobile
General project page of the portfolio
General project page of the portfolio
Footer section of the about page
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
Project Page of the portfolio
Like this project
0

Posted Sep 4, 2024

Portfolio website for Williams - a Creative Designer, to showcase their selected projects.

Copywriting AI : landing page design
Copywriting AI : landing page design
Cassettine - Make your Playlist Pop
Cassettine - Make your Playlist Pop
Starlight Website Redesign
Starlight Website Redesign
Thril CRM
Thril CRM