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

Role

UX/UI Designer, Front-end, Back-end

Industry

Education

Duration

5 months

ibamjr home mac

Stage 1. Market research and analysis

  • Initiated the project with comprehensive market research, analyzing competitors and identifying gaps in the social dining app market. Conducted surveys and focus groups with potential users to understand their needs, preferences, and pain points regarding dining out and socializing.

  • Synthesized research findings to develop a clear value proposition for the app, focusing on unique features such as group dining options, personalized restaurant recommendations, and event planning capabilities.

Stage 2. Concept development and user flow design

  • Led the conceptualization phase, brainstorming with the design team to generate innovative ideas that align with user needs and project goals. Developed user personas and scenarios to guide the design process and ensure a user-centered approach.

  • Mapped out user flows for key app functionalities, including account creation, restaurant browsing, event creation, and social interactions. Prioritized simplicity and intuitiveness in the navigation structure to enhance user engagement.

Stage 3. UI design and prototyping

  • Created detailed wireframes and interactive prototypes using Adobe XD, focusing on crafting an inviting and user-friendly interface. Selected a warm and inviting color scheme and typography that reflects the app's social and culinary focus.

  • Developed high-fidelity prototypes that showcased the app's core features, including a dynamic home feed, detailed restaurant profiles, and an integrated chat system for planning dining events. Conducted iterative design reviews with the team to refine the prototypes.

ibamjr home screen
a cell phone on a rock

Stage 4. User testing and iteration

  • Organized user testing sessions with a diverse group of participants to gather feedback on the app's usability and appeal. Utilized both in-person and remote testing methods to collect a wide range of insights.

  • Analyzed feedback to identify usability issues and areas for improvement. Implemented design iterations to address user concerns, enhance the app's functionality, and improve the overall user experience.

Stage 5. Final presentation and handoff

  • Compiled and presented a comprehensive project report to the internship team and stakeholders, detailing the design process, user testing findings, and final app design. The presentation highlighted the app's potential to foster social connections through shared dining experiences.

  • Prepared and delivered design specifications and assets to the development team, ensuring a smooth handoff and providing support during the initial stages of app development.

a cell phone on a ledge
a cell phone on a table
a cell phone on a bench

Reflections

Through this full-stack project, I gained experience across UI/UX design, frontend frameworks, database/server development, consolidating my skills from concept to implementation.

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.

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.

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

maestro mac screen

EMUB24 project: brawijaya university student executive web design

An innovative project aimed at facilitating the community of Brawijaya University in accessing information effortlessly.

maestro categories

Project Based Learning Part II: clothing brands web e-commerce

Providing the online clothing brand shopping experience by developing a strategic e-commerce solution

Copyright 2024 Made with ♡ by Ilham Romadhon

Copyright 2024 Made with ♡ by Ilham Romadhon

Copyright 2024 Made with ♡ by Ilham Romadhon

Create a free website with Framer, the website builder loved by startups, designers and agencies.