**Creative Interface & Digital Design Showcase**

Bagas Kawanni

Creative Interface & Digital Design Showcase

Palette Quest – Web Game UI Design

**title logo**
**title logo**
**button assets**
**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.

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc