A personal portfolio and "shop window" showcasing my full-stack web design and development capabilities. Built using Webflow for the live site, Figma for UI/UX design and visual mockups, and GSAP for interactive animations and micro-interactions. This site is both a demonstration of craft and a functional professional gateway for potential clients.
The goal: to present a polished, brand-aligned, scalable website that communicates my design philosophy( clarity, storytelling, and performance) and showcases past client work - all while reflecting my skills and style as a designer/developer.
DesignSync live site
DesignSync live site
Technologies & Tools used
Figma: for UI/UX wireframes, mockups, and prototyping. The tool was instrumental in defining layout, branding, and flows.
Webflow: for building a live site - CMS, responsive layout, scalable structure, and the ability to manage content/portfolio items easily.
GSAP: for smooth, performant animation, and micro-interactions that add polish, subtle transitions, scroll effects, interactive visuals - all enhancing perception of quality and professionalism.
Jitter Video: to create a clean and interactive way to present the live site.
Results & What It Demonstrates
The live site now works as a strong professional portfolio: visually striking yet fast; with clean UX and interactive polish.
It reflects a coherent personal brand - not just “here are random projects,” but “this is who I am as a designer/developer.”
It serves as a compelling proof-of-concept for clients: they can see I can deliver both design quality and functional, performant sites that scale.