Catalog

Gerdoo Guide

Designed for the Gerdoo 2021 software collection, this catalog was created to simplify the process of locating applications across multiple installation discs. Instead of searching through each DVD individually, users can quickly browse categorized software listings and identify exactly where the desired application is located. The visual design follows the official branding of the Gerdoo package, incorporating its signature color palette along with a subtle walnut-inspired background pattern that reinforces the product's identity without distracting from the content. By combining clear information hierarchy with a clean and organized layout, the catalog transforms a large software library into an intuitive and user-friendly reference guide.

My Latest work

From concept to execution—here’s a glimpse into my creative process.

Android App

Dongo

Dongo is an Android application developed to simplify one of the most common challenges after group trips and gatherings: fairly splitting shared expenses. The idea originated from a real-world problem where friends often struggled to calculate individual contributions after everyone had paid for different parts of the trip. The application automatically determines each person's share, identifies the member who contributed the most as the primary payer, and calculates exactly how much every participant should pay or receive to settle the expenses with complete transparency. One of the application's key features is its flexible cost-sharing system. Participants who contribute additional resources, such as bringing their own vehicle, can be assigned a reduced percentage of the total expenses, with the remaining amount being fairly redistributed among the rest of the group. This creates a more realistic and equitable expense calculation for real-life scenarios. The interface was intentionally designed with a clean and minimal UI to provide a straightforward user experience, allowing users to focus on managing expenses without unnecessary complexity. Although my expertise is primarily in frontend development, I wanted to explore how modern web technologies could be used to build native-like mobile applications. The project was developed using Vite, TypeScript, and Tailwind CSS, then packaged as an Android application with Capacitor, enabling it to run independently of a web browser or internet connection. The final APK was published through GitHub Releases, making the application easy to install while demonstrating an efficient workflow for transforming a modern web application into a fully functional Android app.

Web App

Dirin Digital Menu

Developed as a mobile-first web application, Dirin was designed to provide a seamless digital menu experience for customers visiting the café and fast-food restaurant. Since nearly every visitor accesses the menu through a smartphone, the interface was carefully optimized for touch interaction, fast navigation, and effortless browsing. The application presents each menu item with its pricing, detailed information, and an intuitive quantity selector, allowing customers to build a personalized cart while viewing the total cost of their selections in real time. A major focus of the project was creating a smooth browsing experience across a large collection of menu categories. An interactive category navigation bar enables users to jump directly to different sections, while intelligent scroll synchronization automatically highlights the active category as users explore the menu. This creates a natural and responsive navigation flow without requiring unnecessary interactions. Built with Vite.js, the application consumes data from a REST API, making menu management dynamic and easily maintainable. Combining modern frontend architecture with a clean, mobile-centric design, the project delivers a fast, engaging, and user-friendly digital ordering experience that reflects the simplicity and convenience expected from today's hospitality services.

E-commerce

BunnyKala

The frontend of Bunny Kala was developed as a modern e-commerce platform focused on delivering a fast, intuitive, and scalable shopping experience for digital products. Built with Next.js and styled using Tailwind CSS, the project emphasizes performance, responsive design, and clean user interfaces across a wide variety of pages. From product listings and detailed product pages to category navigation and user interactions, every section was designed to provide a smooth and engaging browsing experience. One of the primary challenges of the project was organizing a large catalog of products into an accessible structure without overwhelming users. The platform features extensive product categorization, making it easy to discover items through well-structured navigation and thoughtfully designed layouts. Customers can also contribute their own product reviews and share their experiences, adding a valuable community-driven aspect to the shopping journey. Throughout the development process, special attention was given to reusable components, maintainable architecture, and responsive behavior, resulting in a frontend that is both visually polished and prepared to grow alongside the business.

Logo

Optimize Logo

The Optimize logo was created for a brand specializing in mobile accessories, digital products, and everyday technology gadgets. The objective was to develop a modern and memorable visual identity that would communicate innovation, reliability, and continuous growth while remaining simple enough to be instantly recognizable across both digital and print media. The concept is built around a minimalist monogram, combining the letters "O" and "P" into a single, cohesive symbol. An upward arrow is seamlessly integrated into the design to represent progress, improvement, and a forward-thinking mindset, while the negative space subtly reveals the silhouette of a tool, reinforcing the brand's connection to technology and practical gadgets. Rounded geometric lines were intentionally chosen to create a friendly and approachable personality, balancing professionalism with accessibility. Complemented by a technology-inspired blue color palette, the final identity achieves a clean, timeless appearance that reflects the brand's modern vision and dynamic character.