Case Study 01Deep dive
DeBreww - Minimal Coffee App UX Case Study
UX-focused case study exploring user flow and interaction design for a coffee ordering app.
CoffeeFigmaUX Research
Read the case study →the thinking, in depth
The Work
Everything I’ve shipped, designed & figured out.
17 projects across web & platforms, UI/UX and case studies, each shown the way it deserves to be seen.
scroll to explore
Web & Platforms
Shipped, live, and ready to click.
rankyl.haikalakif.com
Rankyl - Web SEO Guidelines
SEOGoogleWeb Design
kreyt.my
Kreyt - Creative Studio Landing Page
Next.jsParallax DesignScroll On Trigger
masterburgerhq.com/en
Master Burger HQ - Halal Burger Patty Supplier
Next.jsBloggingGEO & LLM-Crawling
zavvid.haikalakif.com
Zavvid - YouTube Video & Audio Downloader
YouTubeyt-dlpNext.js
zento.haikalakif.com
Zento - Modern Design Currency Converter
Next.jsVanta.jsFranfurter-API
shorui.kreyt.my
Shorui - Interactive documents editor
DocumentsNext.jsNeon
www.deta.com.my
DeTA Technologies - Landing Page
Next.jsTailwindCSS
tinta.haikalakif.com
Tinta - Color Palette Platform
Nuxt.jsClerkSupabase
deta-demo.haikalakif.com
DeTA Community - Prototype Website
SvelteKitVanta.js
UI & Design
Craft, by the screenful.
Interfaces, flows and visual systems. Let it drift, hover to pause, click any screen to look closer.
Case Studies
The thinking, one chapter at a time.
Process, decisions and outcomes: read them like a story. Scroll through each chapter.
// a working theory
“We are all just professional pixel-designers trying to convince a browser that margin-top: -1px is a lifestyle choice. ”
// Haikal Akif
Like what you see?
I take on freelance web development for small businesses. Fast, accessible, SEO-optimized websites that actually get found. Or if you just need a design partner who sweats the details, let’s talk.