Editorial Identity System
Bold typography and a color palette centered on Rust and Cream.
Personal PortfolioFakhri Akmal2026
Editorial design and motion that breathes life into static visuals.
An editorial portfolio for a graphic designer, focusing on high-end typography and smooth motion reveals to showcase a diverse creative range.
Graphic DesignEditorialBogor
ClientFakhri Akmal
ScopeWeb Design · Frontend Development
Timeline—
Year2026
ClientFakhri Akmal
CategoryPersonal Portfolio
ServiceWeb Design, Frontend Development
Timeline—
Year2026
01
The Brief
Fakhri Akmal, a graphic designer based in Bogor, needed a platform to showcase a diverse range of creative works—from posters to 3D motion—in a way that felt as curated as a high-end design magazine. The challenge was to create a digital artifact that represented his bold, graphic-heavy style without compromising on performance.
02
The Build
We developed a high-fidelity, editorial-first portfolio that uses extreme typography scaling and high-vibrancy 'Rust' accents. By implementing a custom-clipped motion preview system and GSAP character-staggered reveals, we transformed a simple gallery into an immersive, interactive brand experience.
03
What We Shipped
Every component we built, and the brief behind it.
Motion Preview System
A custom viewport-clipped image hover effect for interactive project discovery.
GSAP Typography Reveal
Character-by-character staggered entrance for all major headlines.
Next.js Implementation
Fast, SEO-optimized architecture with seamless smooth scrolling.
04
Impact & Results
The real-world outcomes and performance indicators.
100Core Web Vitals
5Curated Categories
0Notch Gaps (Animation)
05
Tech Stack
Next.jsTailwind CSSGSAPFramer Motion
My portfolio is now much more attractive and engaging. It finally has the professional edge it needed to get noticed, moving far beyond the monotonous layouts I had before.
5.0