**Creative Interface & Digital Design Showcase**
Bagas Kawanni
Creative Interface & Digital Design Showcase
Palette Quest – Web Game UI Design
**title logo**
**button assets**
Project Overview: Palette Quest – Game UI Design
Project: Palette Quest – Color Mixing Puzzle Game
Project Type: Game UI Asset Design (Title Screen & In-Game Buttons)
Purpose: Branding & Visual Identity for a Color-Mixing Puzzle Game
Platform: Web Game
Style: Playful, Colorful, Cartoonish
🎮 Project Description
Palette Quest is a color-mixing puzzle game where players combine different colors to match a target color. I designed the UI assets, including the title screen and interactive buttons, to reflect the game’s playful and creative mechanics.
🎨 Visual Approach
Bright, colorful branding with paint splashes and brush elements.
Fun and rounded UI buttons for accessibility and engagement.
Visual identity focused on creativity and color exploration.
🧠 Key Responsibilities
Designed the title logo and button assets.
Ensured clarity and consistency across all UI elements.
🎯 Project Outcome
The result is a vibrant and engaging UI design that enhances the player’s experience and highlights the fun of mixing and discovering new colors.
TucTuc Mobile App UI/UX Design
Project Overview: TucTuc Mobile App UI/UX Design
Project: TucTuc – Smart Transportation App
Role: UI/UX Designer (End-to-End)
Platform: Mobile App
Tools: Figma, Adobe Illustrator
🎯 Objective
TucTuc is a smart transportation app designed to:
Provide real-time information on the location of TucTuc vehicles.
Display routes and nearest stops through an interactive map.
Allow users to send a “ping” so a TucTuc can arrive at their waiting stop.
📱 UI Panels Designed
Splash Screen (UX & UI) – Smooth and engaging entry experience.
Login & Sign Up – User authentication forms.
Homepage (Main Dashboard) – Vehicle info and quick feature access.
Map Screen – Interactive map with vehicle routes and locations.
op-Up Notification – Real-time vehicle status updates.
Settings – Account, preferences, and language options.
Language Selection – Multiple language choices (Indonesian, English, etc).
FAQ & Support – Help center, feedback, and suggestions.
User Profile – User information and QR code integration.
🧠 Design Approach
End-to-End UI/UX: Designed nearly all panels of the application from scratch.
Key Visual Identity: Defined the main color palette (red & white), typography, and overall design consistency.
User-Centered UX: Simple navigation, friendly splash screen flow, and seamless login experience.
📌 Key Contribution
Designed almost the entire UI & UX of the app.
Developed the key visual system (color scheme, style, and consistency).
Created UX specifically for the splash screen to deliver a strong first impression.
Built a cohesive design system balancing functionality and visual identity.
FIGMA LINK
PetShop Website UI/UX Design
Project Overview: PetShop Website UI/UX Design
Project: PetShop – Online Pet Supplies Website
Role: UI/UX Designer & Logo Designer
Platform: Website
Tools: Figma, Adobe Illustrator
🎯 Objective
PetShop is an e-commerce website that provides a variety of pet supplies such as food, toys, and accessories. The website is designed to allow users to easily browse products and be redirected to the online shop for purchase.
📱 UI/UX Panels Designed
Home Page – Showcasing promotions, categories, and featured products.
New Arrivals – Latest pet supplies.
Our Favorites – Curated product picks.
On Sale – Discounted items.
Best Seller – Top-selling products.
Category Pages – Pet categories (Dog, Cat, Accessories).
Cart Page – Shopping cart before checkout.
Profile Page – User account section.
Shop, About, Contact, Favorite – Additional navigation and info pages.
🧠 Design Approach
User-Friendly Navigation: Built an intuitive shopping flow for smooth user experience.
Visual Identity: Designed the PetShop logo and created a warm, friendly color palette.
Collaborative Workflow: Worked with the team to design layouts, information hierarchy, and maintain consistency across pages.
📌 Key Contribution
Designed UI & UX
Created logo and visual branding for PetShop.
Ensured a clean, modern, and user-friendly interface.
FIGMA LINK
SiNutri – Nutrition Tracking Web App
Project Overview: SiNutri – Nutrition Tracking Web App
Project: SiNutri – Daily Nutrition & Fitness Tracker
Role: UI/UX Designer
Platform: Website
Tools: Figma, Adobe Illustrator
🎯 Objective
SiNutri is a web-based application designed to help users monitor their daily nutrition and fitness goals. The platform allows users to log food and beverages, estimate calories through uploaded photos, generate calorie reports, and create personalized nutrition and workout targets.
🧠 Design Approach
Visual Identity: Built the key visual concept including color palette, typography, and brand consistency.
User-Friendly Flow: Focused on making nutrition tracking simple, fast, and engaging.
Consistency: Ensured cohesive UI elements across all pages for clarity and usability.
📌 Key Contribution
Designed the UI layout for all major sections of the app.
Created key visuals including brand colors, typography, and design system.
Developed a clean, modern, and intuitive user interface for health-focused users.
FIGMA LINK
Like this project
Posted Sep 3, 2025
Showcase of UI/UX designs and social media graphics I created for various projects.
Likes
1
Views
4
