|

|

Building Fast, Thoughtful Web Interfaces

I design and build scalable applications using SvelteKit, React, and modern frontend technologies with a strong focus on performance and real-world UX.

Haikal Akif
UX/UI Enthusiast
About Me

I’m a frontend developer who focuses on building clean, scalable, and user-focused web applications.

My work sits between engineering and design. I care about how things look, but more importantly, how they behave and perform in real-world usage.

I enjoy working with modern tools like SvelteKit, React, and TailwindCSS, and I’m always thinking about structure, performance, and maintainability while building interfaces.

Recently, I’ve been working on real products like Zavvid, RingkasJer, and Spana, where I focus on creating smooth user flows, handling edge cases, and delivering production-ready frontend systems.

Outside of building, I’m interested in exploring new UI patterns, improving developer workflows, and creating experiences that feel fast, intuitive, and well thought out.

My Journey

Journey Timeline 1 / 4
Contract ● Active

UI Developer

@ DeTA

Jan 2026 – Present

UI Developer for project named Spana, I design intuitive, responsive interfaces across four platforms, landing page, membership, mechanic, and admin dashboard. Spana helps riders access priority 24-hour roadside assistance, marketplace services, and trusted mechanics. I focus on creating seamless, user-friendly experiences that make support fast, simple, and reliable.

Gombak, Selangor (On-site)

Part-time

WordPress Developer

@ Top Click Sdn. Bhd.

Sep 2025 – Nov 2025

Working as a Frontend CMS Developer on a strategic collaboration project with Bank Simpanan Nasional (BSN) to create and maintain websites for small entrepreneurs and local businesses. Developing responsive, user-friendly web solutions using modern CMS platforms and frontend technologies. Collaborating with cross-functional teams to deliver high-quality digital solutions that support Malaysia's entrepreneurial ecosystem.

Remote

Internship

WordPress Developer

@ Top Click Sdn. Bhd.

Mac 2025 – Sep 2025

Contributing to the development of corporate websites for DPI Holdings Sdn. Bhd., Syarikat Kotak Jaya Sdn. Bhd., and Capital Food Distributors Sdn. Bhd. using WordPress and Elementor. Maintaining monthly blog content for ECCT Cancer Wellbeing and Global Blue Energy platforms. Learning SEO best practices and expanding responsibilities by supporting the Finance Department with various tasks.

Ara Damansara, Selangor (On-site)

Freelance

UX/UI Designer

@ Krypton Technologies

Oct 2023 – Jan 2024

Designing the core module user interfaces for a kindergarten management app named AG4U. Assisted and collaborated with the development team in improving the user experience and testing of the software.

Gombak, Selangor (Hybrid)

How I Think

How I Build Products

I don’t just build interfaces. I think about how users interact, how systems scale, and how products perform in real environments.

My approach focuses on:

  • Clean and maintainable frontend architecture
  • Performance-first implementation
  • Thoughtful UX and micro-interactions
  • Handling real-world edge cases
Skills

Frontend & Frameworks

SvelteKitNext.jsNuxt.jsReact NativeTailwindCSSshadcn/ui

Core Web & Systems

HTML5CSS3JavaScriptTypeScriptParaglideREST API IntegrationSEO Optimization

Tools & Platforms

Git & GitHubVercelFigmaWordPressClerkCDNGoogle Search Console
Portfolio

RingkasJer - URL Shortener Platform

Visit ↗

A modern URL shortener with custom aliases, analytics, and user-focused dashboard experience.

SvelteKitGoClerkSupabase

Zento - Currency Converter

Visit ↗

Minimal multi-currency converter designed for speed and clarity.

Next.jsVanta.jsFranfurter-API

Aurum - Landing Page

Visit ↗

High-conversion landing page for a student-focused super app platform.

Next.jsMagic UI

Tinta - Color Palette Platform

Visit ↗

An interactive platform for exploring and generating modern color palettes and gradients.

Nuxt.jsClerkSupabase

Zavvid - YoutTube Video & Audio Downloader

Visit ↗

High-performance media downloader with real-time format selection and optimized user flow.

YouTubeyt-dlpNext.jsFAST-API

DeTA Community - Official Website

Visit ↗

Community platform website for Developer TanahAir.

SvelteKitVanta.js

Fitsy - Fitness Landing Page

Colorful bento-style landing page for a fitness product.

FigmaBento GridFitness

Cyberdress - Fashion Landing Page

Futuristic landing page concept exploring bold visual storytelling.

Landing PageFigma
DeBreww - Minimal Coffee App UX Case Study

DeBreww - Minimal Coffee App UX Case Study

Case Study →

UX-focused case study exploring user flow and interaction design for a coffee ordering app.

CoffeeFigmaUX Research

Strata - Community Website Design

Clean and structured UI design for a community platform.

communityfigma
Education

Bachelor's Degree in Computer Science

International Islamic University Malaysia

2021 – 2025

Gombak, Selangor

Languages
Bahasa Melayu
English
Get in Touch

Let's build something amazing together!