Personal Portfolio Web Design Project

Amanuel  G.

Amanuel G.

Design Sync Studio

Project Overview

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.
DesignSync live site
Like this project

Posted Dec 10, 2025

Created a personal portfolio site using Webflow, Figma, GSAP showcasing web design skills.