Rizki Alfadilah
A personal portfolio for Rizki Alfadilah, presenting shipped websites, apps, dashboards, product systems, articles, e-books, classes, and creative development work.
My role
Rizki Alfadilah built the portfolio system, visual direction, case-study structure, content model, and interactive presentation layer.
Primary stack
Next.js / Portfolio / WebGL / Content System
Project lane
Website / Portfolio / Personal Brand / WebGL
Case Study
Overview
A focused read on what the project needed to communicate, how the product surface was shaped, and where the system can grow next.
A personal portfolio for Rizki Alfadilah, presenting shipped websites, apps, dashboards, product systems, articles, e-books, classes, and creative development work.
Role
Rizki Alfadilah built the portfolio system, visual direction, case-study structure, content model, and interactive presentation layer.
Scope
Portfolio Website
Status
Published / Live
The Problem
A developer portfolio needed to communicate more than isolated websites: it had to show systems, product thinking, and shipped surfaces.
The Goal
Create a public portfolio that frames creative background and full-stack execution as one coherent product system.
Depth Pass
How the product was shaped.
The work is easier to understand as a sequence: context first, then product decisions, then user flow and visual direction.
01
Context
- Rizki Alfadilah's portfolio needed to show websites, apps, dashboards, commerce systems, and product concepts in one ecosystem.
- The site also needed room for articles, e-books, classes, and future digital products.
02
Approach
- I designed the site as a living portfolio system instead of a static resume.
- Portfolio cards, case studies, service surfaces, and content sections are structured for ongoing growth.
03
User Flow
- Visitor lands on the developer positioning, browses selected systems, opens work details, then moves toward contact or learning products.
- The site supports both client acquisition and long-term content/product expansion.
04
Design Direction
- Dark technical visuals, layered product cards, and motion create a creative full-stack identity.
- The visual system keeps product proof visible while maintaining a distinct personal brand.
Core Features
Product surface and system layer.
Project gallery
Case study pages
WebGL visual layer
Articles and products
Stack & architecture notes
The portfolio is a Next.js content system with reusable project data, dynamic case study pages, SEO metadata, and interactive visual components.
Result / Next Layer
What the build makes possible.
Result
- The site gives Rizki Alfadilah a single surface for client trust, product proof, and future digital products.
- The data model makes it straightforward to add new live projects without rebuilding the UI.
Future Layer
- Add deeper metrics, testimonials, project timelines, and before/after visuals.
- Expand learning, e-book, and lab sections into stronger acquisition paths.
Related Projects
More work in the same lane.
03
These projects share delivery patterns with Rizki Alfadilah, especially around Website, Portfolio, Personal Brand.
Website + Mobile App
Jagarta
A personal finance product for cash flow, budgeting, assets, debts, receivables, goals, reports, net worth, and financial health without spreadsheet complexity.
Website + Mobile App
Moslemic
An Islamic digital platform for prayer times, Al-Quran, doa, qibla, tasbih, and daily worship utilities across web and mobile surfaces.
Personalized Storybook Website
Boonari
A personalized children's storybook website where Indonesian families can choose a book, personalize the child, preview the story, and prepare a gift-ready product.
Portfolio runway
Continue through the real project index.
Previous project
HR System
A precision attendance system for modern teams with GPS and selfie attendance, remote check-in, leave management, HR reporting, and admin dashboards.
Next project
Zabre Project
A fashion e-commerce storefront with trendy product presentation, clean navigation, account/cart utilities, and a visual catalog experience.
Get in touch
Ready to turn the next project into a real shipped system?
Bring the product goal. I can help translate it into a clear interface, reliable implementation, and launch-ready product surface.
01
Scope
Define the product goal, user flow, pages, and technical surface.
02
Build
Design the interface, implement the stack, and keep the system maintainable.
03
Launch
Prepare QA, responsive checks, analytics hooks, and launch support.