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

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.