Kyle Project: Build an Online Vape Marketplace
Developed a digital marketplace that streamlines product discovery, ordering, and purchasing, offering users a smooth and engaging shopping experience.
Role
UI/UX Designer
Industry
Marketplace
Duration
1 month
Stage 1. Market Research & Usability Audit
Initiated the project with comprehensive research into existing e-commerce and vape-specific marketplaces. Conducted competitor benchmarking and user interviews to uncover pain points such as limited product categorization, inconsistent age verification mechanisms, and lack of trusted payment channels. The audit revealed the need for a user-friendly platform that ensures compliance while providing an engaging shopping experience.
Stage 2. Design Strategy & Roadmap
Formulated a design strategy that emphasized intuitive product discovery, robust filtering options, and secure checkout processes. Defined a roadmap separating immediate priorities—such as catalog management, user authentication, and payment gateway integration—from long-term goals like personalized product recommendations, loyalty programs, and vendor dashboards.
Stage 3. Prototype Development
Wireframing: Designed core flows for browsing, filtering, cart management, and checkout, ensuring a streamlined experience that reduces friction for users.
High-Fidelity Prototyping: Developed detailed prototypes in Figma with a modern e-commerce aesthetic, showcasing dynamic product displays, promotional banners, and simplified checkout screens.
User Interface Design: Established a bold and energetic brand identity with vibrant colors, clean typography, and visually rich product presentations. Balanced aesthetics with clarity to maintain trustworthiness while appealing to the target audience.
Stage 4. User Testing & Iteration
Conducted usability testing with a sample group of potential buyers. Gathered feedback on search efficiency, checkout clarity, and perceived trust in the platform. Iteratively refined the navigation structure, optimized category layouts, and improved call-to-action placements to maximize engagement and conversions.
Stage 5. Development & Deployment
Worked alongside developers to build the platform using modern frameworks, integrating secure authentication, product catalog systems, and payment gateways. Implemented responsive design principles to ensure smooth performance across desktop and mobile devices. Conducted QA testing to validate functionality, security, and compliance with industry regulations before launch.
OUTCOMES
This project provided hands-on experience in developing a niche e-commerce platform from concept to deployment. The Kyle Online Vape Marketplace successfully delivered a professional and secure digital store, offering customers a reliable shopping experience while enabling vendors to showcase their products effectively.
Other projects
Gelatik Supra Project: Develop an Recruitment Web Portal For Gen Z
It is currently under development by team and is scheduled to be released soon. A digital platform to simplify recruitment, automate HR, and engage Gen Z talent.
Mr. Antoine Lamar Battle Project: Official Personal Website
The official launch is scheduled for Desember 21, 2025, marking the beginning of a new digital presence that reflects his vision and professional identity.
Al-Khusyu Project: School and Foundation Official Website
A digital system to provide accessible information and manage educational as well as social activities for the community.
RoyaleVilla Project: Villa Rental & Sales Platform
Designed and developed a digital platform that streamlines the process of searching, renting, and purchasing villas in Malang.
Qalbu Ummah Project: Islamic Personal Assistant App
Designed dan developed a digital assistant to remind users of prayers, Quran recitations, and Islamic study sessions, supporting daily worship and learning.
Pearl Dental Care Project: Build a Digital Dental Service System
Created a digital system to simplify online appointment booking and provide clear dental service information, improving overall patient experience.
Findland Project: Build a Land Trading Platform
Developed a digital platform that simplifies the process of buying and selling land through a user-centered experience.
Kampung Budaya 2024 project: Cultural Preservation Event at Brawijaya University
RAJA Brawijaya 2024 project : Orientation for New Students at Brawijaya University
EMUB24 project: brawijaya university student executive web design
An innovative project aimed at facilitating the community of Brawijaya University in accessing information effortlessly.
Project Based Learning Part II: clothing brands web e-commerce
Providing the online clothing brand shopping experience by developing a strategic e-commerce solution
Project Based Learning Part I: rebuild vocational faculty web
The web project for the faculty incorporated a native front-end and back-end, from the initial UI/UX design to the final implementation