20/4/2026 -26/7/2026 / (Week 1 - Week 14)
Aricia Man Yi Xuan / 0375026
Major Project I / PRJ64904
Bachelor of Design (Hons) in Creative Media
TABLE OF CONTENT
1. Lectures
2. Instructions
3. Project 1
4. Feedback
5. Reflection
LECTURES
Jump Links:
- Week 1
- Week 2
- Week 3
- Week 4
- Week 5
- Week 6
- Week 7
TAP ME BACK TO TOP
LECTURES
Week 1 (23/4/2026)
Today was our first class for Major Project 1. Miss Anis briefed us on the module information and clearly explaining what we are expected to do throughout the project. After that, we were asked to form our own groups. We had the option to work individually or in groups of 2–3 people. I decided to team up with my friend Alicia for this project.
Towards the end of the class, we began discussing our initial ideas together and explored possible directions for our project. Later, we consulted Miss Anis to get feedback and to confirm whether our ideas is suitable for the assignment.
Week 2 (30/4/2026)
This week, we continued developing our ideas and find some visual references of the design and overall styles.
Week 3 (7/5/2026)
This week, discussed our campaign name and start sketching the mascot ideas, we also showed Ms. Anis the user personas.
Week 4 (14/5/2026)
This week, we already sketched out our initial mascot appearance, TiTi, which drew by Alicia. We also think of our slogan, the colour palette, and the walking routes journey using Google Map.
Week 5 (21/5/2026)
This week, we showed Ms. Anis the the lo-fi wireframe I drew in Figma, site map, and user flow diagram, and then received feedback to improve. Alicia also did some Logo design choices to decide,
Week 6 (28/5/2026)
This week, we conducted our lecture online via Teams, I've refined the lo-fi and Alicia also done visualizing the Mascot and logo design. We have consultation with Ms. Anis and continue doing the other stuffs.
TAP ME BACK TO TOP
INSTRUCTION
Fig.2.1.1 Module Information Booklet
TAP ME BACK TO TOP
MAJOR PROJECT 1
Group Leader: Alicia Low Ker Chia (Graphic Design)
Group Member: Aricia Man Yi Xuan (UI/UX Design)
Initial Idea Development
- Week 1 -
After forming into groups, we started brainstorming our project ideas in Google Docs. Since Alicia specializes in graphic design and I specialize in UI/UX design, we decided to combine our strengths to develop a project that integrates both visual branding and interactive experience.
Main Idea:
- A Malaysia / Kuala Lumpur Travel Guide that includes both a printed illustrated paper map and a digital interactive map (app/website).
- The concept focuses on helping tourists and locals explore KL in a more engaging way through walking routes, hidden spots, local food, and small interactive missions.
- The paper map will act as a collectible and visual guide, while the digital map will provide interactive features like QR missions, mini games, and location-based content.
- Week 2 -
 |
| Fig.3.1.1 References from Pinterest |
We continued finding references from Pinterest for design styles. We also expanded our concept by:
- Adding interactive "photo stitching spots"
- Merchandise package
Pinterest Mood board: Link
 |
| Fig.3.1.2 User Personas / (Week 2, 30/4/2026) |
I also created our user personas, which our target audience were mainly tourists and Malaysians, and the age group was all age.
Sketches (Mascot & Logo)
- Week 3 -
 |
| Fig.3.1.3 Mascot Sketches / (Week 3, 7/5/2026) |
This week, we discussed and explored different ideas for our campaign name. Then, we started sketching logo concepts and mascot ideas to create a stronger visual identity for the campaign and app branding.
Eventually, we decided our campaign name as "Notes from KL". It's because we can actually change the "KL" into different other locations like "Selangor, Penang, etc", allowing the campaign to expand and adapt to different places and themes over time.
- Week 4 -
 |
| Fig.3.1.4 Mascot Ideas & Campaign Logo / (Week 4, 14/5/2026) |
Our mascot is a little mouse called "TiTi" (suggested by Ms. Anis) drew by Alicia, it wears a vest and a headband, holding a paper map that reflects our walking campaign. We showed Ms. Anis our mascot appearance and name, our campaign slogan, colour palette options, user personas #3, and initial plan of the campaign walking routes journey with google map.
App UI/UX Development
- Week 5 -
 |
| Fig.3.1.5 Lo-Fi Wireframe Process in Figma / (Week 4-5) |
 |
| Fig.3.1.6 FigJam Overview / (Week 5, 18/5/2026) |
This week, I will start drawing the Lo-fi wireframe (Fig.3.1.5) in Figma for our campaign app and also do the user journey map, cite map, and user flow in FigJam (Fig.3.1.5).
.jpg) |
| Fig.3.1.7 User Journey Map #1 |
.jpg) |
| Fig.3.1.8 User Journey Map #2 |
.jpg) | ||
Fig.3.1.9 User Journey Map #3
|
.jpg)
.jpg) |
| Fig.3.1.11 User Flow |
Lo-Fi Wireframe Process
 |
| Fig.3.1.12 Lo-Fi Wireframe Development |
After presented the current progress of the walking campaign project to Ms. Anis (Week 5, 21/5/2026), I started refining the wireframes to improve the user experience and make the application flow more engaging.
Things to refine:
- Add TiTi pop-up interactions along the walking route (recommendations)
- Add walking guidance tips inside the app (reminders such as bringing water bottles and wearing proper shoes)
 |
| Fig.3.1.13 Added TiTi pop-up interaction / (Week 5, 21/5/2026) |
I added a TiTi pop-up guide during user's walking journey (Fig.3.1.13). TiTi will randomly appear as a small animated chat bubble on screen now.
Pop-up Content Type:
- Nearby restaurants
- Cafés
- Fun spots / landmarks
- Photo-worthy places
- Rest stops / shaded areas
Logo & Mascot Design
In addition, our logo and mascot design created by Alicia have been completed and approved by Ms. Anis.
Merchandise Design Process
- Week 6 -
 |
| Fig.3.1.14 Merchandises References - Pinterest |
This week, we started developing the merchandise design. We began by gathering several references and inspirations on Pinterest (click here for resources) to explore different types of merchandise design. The merchandise we included were:
Paper Map Kit:
- Transparent Film Reversal Printing
- Paper Map
- Pen
Freebies Kit (Box): Limited redemption
- Sticker
- Bookmark
- Postcard
- Embroidery patch
- Memo pad
- Week 7 -
TAP ME BACK TO TOP
FEEDBACK
TAP ME BACK TO TOP
REFLECTION
Experiences:
Observation:
Findings:
TAP ME BACK TO TOP
Comments
Post a Comment