Software Engineer • UI/UX Designer

Designing with Purpose,
Coding with Precision.

A curious creator blending empathy and logic to craft digital solutions that solve real problems and inspire meaningful connections.

Connect with me

What I'm Good At

Bringing together technical expertise and creative problem-solving to deliver impactful solutions.

Software Development

Building reliable web applications is where I excel, combining clean structured code, and optimized performance throughout development.

UI/UX Design

Creating thoughtful user-focused designs is my strength, blending creativity, deep user empathy, and practical functionality seamlessly.

Making Use of AI

Optimizing workflows is what I consistently do best, using AI tools to boost productivity and substantially improve my overall efficiency.

My Professional Journey

Here's a timeline of my career journey, highlighting key experiences and achievements along the way.

Feb 2025– Present

Davila (Marketing Agency)– Frontend Developer & UI/UX Designer Lead

Led a team of 3 (1 UI/UX Designer & 2 Frontend Developers), conducting code reviews, sprint planning, and performance evaluations.

Coordinated cross‑functional collaboration between design, frontend, and backend teams to deliver high‑impact marketing projects on schedule.

Feb 2024 – Jan 2025

Graviton Softworks (Self‑Employed) – Frontend Developer & UI/UX Designer

Architected and delivered multiple web solutions, including a registration platform handling hundreds of simultaneous users.

Managed full project lifecycle from requirements gathering through deployment, showcasing end‑to‑end full‑stack development skills.

Sep 2022 – Apr 2023

Mulawarman University – Lab Assistant

Designed and delivered modules on Computer Graphics, 2D Animation, and AR/VR, developing hands‑on lab materials.

Mentored students through project work, providing guidance on software tools and best practices.

Technical Skills

A comprehensive overview of my technical expertise across various domains. Hover over each skill to learn more about my experience and proficiency level.

JavaScript

JavaScript

TypeScript

TypeScript

PHP

PHP

Python

Python

Dart

Dart

SQL

SQL

Featured Projects

Here are some of my recent projects that showcase my skills in web development, design, and problem-solving. Each project represents a unique challenge.

UWGM Run Festival | Event Registration Platform
Real Project
UWGM Run Festival | Event Registration Platform
Designed and developed a fully functional registration system with automated email confirmations, QR-based check-ins, secure payments, and an intuitive admin dashboard. Ensured seamless user experience.
LaravelTailwindAlpinejsMySQLFilamentMidtrans
Live Demo
Nusantara Prima Solusi | Company Profile Website
Real Project
Nusantara Prima Solusi | Company Profile Website
Developed a company profile website for Nusantara Prima Solusi, a Palm Oil company, showcasing their products and services in a modern, responsive, and user-friendly interface.
Wordpress
Live Demo
Active Festival | Event Registration Platform
Real Project
Active Festival | Event Registration Platform
Streamlined a high-performance registration system managing 1,500+ registrations with minimal resources (1GB RAM, single-core server). Delivered key features: automated email confirmations, QR-based check-ins, secure payments, and an intuitive admin dashboard. Ensured zero downtime during peak traffic while supporting hundreds of concurrent users.
LaravelTailwindAlpinejsMySQLFilamentMidtrans
Live Demo
Al Mazaya | School Management Platform
Real Project
Al Mazaya | School Management Platform
Designed a school registration system to enhance accessibility for users with diverse tech literacy levels. Simplified the enrollment process and optimized information architecture. Delivered high-fidelity prototypes that improved the experience for parents and staff. Effectively managed timelines and team collaboration to meet stakeholder expectations.
FigmaNotion
Live Demo
Digital Marketing Agency Landing Page: Sirkel
Real Project
Digital Marketing Agency Landing Page: Sirkel
Designed and developed a visually engaging and functional landing page for a digital marketing agency. Focused on creating a user-centric interface that effectively communicates the agency’s services and brand identity. Implemented responsive design to ensure seamless performance across devices.
ReactTailwindFigmaSanity
Live Demo
News Media Website: Kaltimfolks
Real Project
News Media Website: Kaltimfolks
Developed a comprehensive news media platform, crafting wireframes and high-fidelity mockups to visualize user journeys and information architecture. Designed an intuitive user interface to enhance navigation and content discoverability. Implemented a responsive front-end and managed hosting and server configuration to ensure a high-performing and scalable web application.
NextjsTailwindMongoDBPrismaSanity
Live Demo
Software Agency Landing Page: Graviton Softworks
Real Project
Software Agency Landing Page: Graviton Softworks
Collaborated with stakeholders to design and develop a modern landing page for a software agency. Delivered a high-quality, responsive web interface that showcases the company’s expertise and portfolio, using scalable and performance-optimized technologies.
NextjsReactFigmaTailwindSanity
Live Demo
Digital Marketing Profile Company: Davila
Real Project
Digital Marketing Profile Company: Davila
Developed a responsive company profile website to highlight the brand identity and services of a digital marketing firm. Ensured smooth navigation and performance optimization for a professional user experience.
LaravelReactTailwindSanity
Live Demo

Other Projects

Forum Discussion App
Forum Discussion App
A forum-style discussion application built during the Dicoding React Expert class. Users can create topics, post comments, and like discussions in a Twitter-like interface.
ReactContext APIReact Router+1
LiveGitHub
Catalyst Web Extension
Catalyst Web Extension
A browser extension for content generation that integrates with rich text editors and provides AI-assisted writing tools directly in the browser.
JavaScriptWeb Extensions APIReact
LiveGitHub
Virtual Tour of University Buildings
Virtual Tour of University Buildings
An interactive virtual tour application showcasing campus buildings at Mulawarman University, developed using Three.js and mapping APIs.
Panolens.jsJavaScriptThree.js
LiveGitHub

Interested in working together?

I'm always open to discussing new opportunities and interesting projects.

Get In TouchView Resume