Webring (Navigatesaway from site)
SOON hackathon website hero section

SOON

Summary

I worked on SOON's new look and website with Erin Manalo. It was one of my most ambitious projects yet — from building an entirely new design system and rebrand from scratch, to working in Blender and WebGL, to UI design and implementation. I built the site in React and Next.js, developed the frontend architecture, and optimized the 3D assets and interactions for smooth performance across every screen size.

Big idea

How can we rebrand SOON into a hackathon experience that feels as crafted and ambitious as the builders it brings together, translated into a website that carries real 3D presence without sacrificing performance?

Roles/responsibilities

  • Brand identity and design system, built from scratch
  • UI/UX design and prototyping
  • Frontend development and architecture (React, Next.js)
  • 3D modelling in Blender and WebGL implementation
  • Performance optimization of 3D assets and interactions

Info

When: 2026

Team size: Me, Erin Manalo

Timeline: 1 month

Tools used: React, Next.js, Tailwind CSS, Blender, Three.js/React Three Fiber, GSAP

© 2026 Sophie Shu. All rights reserved.

hello