SOFTWARE
ENGINEER
——
CREATIVE
DEVELOPER

SOFTWARE————ENGINEER

CREATIVE DEVELOPER

Frontend developer focused on building pixel-perfect websites with great attention to detail, performance, and interactivity. Currently working at Dipa Inhouse, Malang.

Custom Website Development
Build fast, modern, and fully responsive websites tailored to your brand and business goals — from landing pages to full platforms.
UI/UX Implementation from Design
Turn your Figma designs into pixel-perfect, accessible websites with clean code and smooth user experience.
Interactive Web Experiences
Add engaging animations and 3D interactions that make your website stand out — perfect for portfolios, agencies, and creative brands.
Website Optimization & Performance
Improve load speed, responsiveness, and SEO using best practices — ensuring your site ranks well and feels smooth across devices.
Webflow Development & Support
Design and build Webflow sites with clean CMS structure and client-friendly controls — ideal for startups, creators, and agencies.

PLAYGROUND

PLAYGROUND

PLAYGROUND

PLAYGROUND

PLAYGROUND

PLAYGROUND

PLAYGROUND

PLAYGROUND

PLAYGROUND

EateryAppRestaurant listing directory UI
RecipeHubOnline recipe catalog UI
WorldCupEventWorld Cup ticket landing page UI

Do you have a question or project in mind, or are you interested in collaborating on something? Don't hesitate to get in touch!

Let's chat, let's team up, let's say hi, ready to start something?

EateryApp

restaurants-apps-pwa.netlify.app

EateryApp is a restaurant directory app designed to help users explore and discover favorite places to eat in their area. Built during a learning course and later enhanced for personal use, the app features user-friendly UI cards, location-based listings, and a welcoming dashboard experience.

IndustryFood, Directory
ClassificationLearning Project (Ongoing)
Technologies I UsedPWA, HTML, SCSS, JavaScript
RoleFrontend

Challenges
- ⬩ Building a fast, responsive PWA that works seamlessly offline with optimized performance for mobile users.
- ⬩ Designing a layout that showcases restaurant cards with images, descriptions, locations, and ratings.
- ⬩ Creating a responsive, clean user interface using modern frontend tools.
- ⬩ Providing a personalized experience for users with a welcoming dashboard and intuitive navigation.
Solutions
- ⬩ Implemented PWA structure with service workers and manifest.
- ⬩ SCSS for structured, scalable styling.
- ⬩ Used vanilla JavaScript for data handling, API consumption, and UI interactivity.
- ⬩ Ensured accessibility and cross-browser compatibility.

RecipeHub

list-recipe-apps.netlify.app/

RecipeHub is a simple recipe listing application built as part of a learning project. The app showcases various food recipes with preparation time and serving size, presented in a clean and colorful card layout. It emphasizes accessibility and visual clarity for users looking for quick recipe inspiration.

IndustryFood, Recipe
ClassificationLearning Project (Ongoing)
Technologies I UsedHTML, CSS, JavaScript
RoleFrontend

Challenges
- ⬩ Creating a dynamic layout for listing recipes without using any frameworks, only HTML, CSS, and JS.
- ⬩ Creating a consistent card layout for multiple recipes with different content lengths.
- ⬩ Handling responsive display and overflow of long recipe titles.
- ⬩ Designing a colorful yet readable UI using a vibrant background image and typography.
Solutions
- ⬩ Structured content using semantic HTML5.
- ⬩ Styled the UI with custom CSS for a colorful, appetizing layout.
- ⬩ Added JavaScript to handle content population dynamically and enhance interactivity.

WorldCupEvent

football-apps-0588ed.netlify.app

WorldCupEvent is a landing page concept for the FIFA World Cup Qatar 2022. It features a countdown timer to the event start, a prominent call-to-action for ticket booking, and a visually immersive hero section with background imagery of soccer action.

IndustrySport, Event
ClassificationLearning Project (Ongoing)
Technologies I UsedHTML, CSS, JavaScript
RoleFrontend

Challenges
- ⬩ Designing a dynamic hero section with a real-time countdown timer and responsive layout using only core web technologies.
Solutions
- ⬩ JavaScript countdown logic with interval updates.
- ⬩ CSS animations and layout for visual engagement.
- ⬩ Fully responsive design ensuring mobile readiness.