After submitting our first task on the AR ideas proposal, we had an online consultation with Mr Razif since physical class was cancelled. I personally preferred the first idea, (refer to feedback) it was also suggested since it would be more possible to create compared to the other ideas.
FINAL AR IDEAS PROPOSAL
Fig T1.1 Final AR Ideas Proposal
PROCESS
IDEATION
Therefore, I moved forward with the first idea and conducted research. My first step was to choose a brand and product to focus on. I specifically looked for cereals with mascots, believing that characters could enhance the storytelling of their snacks and add interactivity to my AR project.
Examples:
1. Koko Krunch (Koko Krunch, Nestlé) Koko the Koala promotes a love for chocolate with a playful, mischievous personality, capturing the joy of chocolatey cereal since his introduction.
2.Cosmo the Bear (Honey Stars, Nestlé)
Cosmo, a space-traveling bear, launched Honey Stars as a celestial-themed cereal, symbolizing curiosity and the thrill of cosmic exploration.
3.Tony the Tiger (Frosted Flakes)
Tony started in 1952, competing with other mascots but winning hearts with his iconic “They’re grrreat!” catchphrase, evolving over time into a symbol of strength and energy.
4.Lucky the Leprechaun (Lucky Charms)
Since 1964, Lucky’s marshmallow charms have given him magical powers, which he uses to escape kids trying to swipe his Lucky Charms.
Then, an idea came to mind: why not try a less well-known product? Cereals are already popular and have plenty of ads and games (not all of them are very healthy too). So, I thought of oat milk! Oat milk is becoming more popular in Malaysia, driven by health awareness, interest in plant-based diets, and demand for lactose-free options. Many cafés now offer it as a creamy, dairy-free choice for lattes, and various brands have made it readily available in stores and online.
By focusing on one brand, I could create an interactive AR experience to engage customers, showcasing the benefits and versatility of oat milk. This experience could feature fun, informative elements—like a virtual mascot, recipes, or facts about oat milk’s health benefits—that users can explore through their phones. This could make the product more appealing, especially to younger, tech-savvy consumers who value both convenience and sustainability.
There are two oatmilk brands that I usually buy—Oatside and Oatbedient. Both brands are from Singapore and have gained popularity for their creamy texture and plant-based benefits. Oatside is known for its rich, smooth flavor, while Oatbedient stands out with its commitment to sustainability and eco-friendly packaging. I could focus on one of these brands for the AR project, creating an immersive experience that highlights their unique qualities and appeals to health-conscious, environmentally-aware consumers.
Fig T2.1 Oatside & Oatbedient
PROPOSAL
While finding both design and concept were good, I ended up choosing Oatbedient just because there's a cute mascot. I think it may also be less difficult to animate, as I'm not familiar with animating. I started my proposal document by writing out the Introduction, Project Description, Problem Statement, Aims and Goals, Objectives, Strengths and Weaknesses.
Aims and Goals
Increase Brand Awareness
Educate Consumers
Create an Engaging Experience
Objectives
Design an Engaging AR Experience
Showcase Brand Values
Encourage Brand Interaction
Then, I research on the story, values and concept of the brand. There isn't a lot of information about it though. My main findings were from their own website and an article.
Since I'm not sure whether there are AR apps like this created in the market, I talked about how users notice the product currently and what actions they would likely take.
Fig T2.2 Current User Experience Map of Oatbedient Brand Experience
Fig T2.3 New User Experience Map of Oatbedient AR Experience
Fig T2.4 User Experience Map on Miro
SKETCHES
I did a rough sketch of the mascot since I’ll have to animate later on. I also sketched some elements of the ingredients to place in my prototype.
While drawing the mascot, I realized that it doesn't have hand to greet users in the welcome screen. So I think I might make movements with the ears and do the animation. I'm thinking if its possible to take pictures/elements from the website.
‘Oatie’ is a name created since the original mascot does not have a name.
Fig T2.5 Sketches
VISUALIZATION: MOCKUP
The mockup was done in Figma, showing how the AR experience might look like.
More details of Our Story page
1. Our Origin
Pop-Up Text: "Oatbedient began with the Teo family's vision for simple, clean, and nutritious oat-based products. We’re dedicated to bringing you quality from the heart of our family."
2. Why We Care
Pop-Up Text: "We believe in health without compromise. Our mission is to create foods that are as good for you as they are delicious, because you deserve the best."
3. Our Sustainability Commitment
Pop-Up Text: "Oatbedient is committed to reducing our footprint. From responsible sourcing to eco-friendly packaging, we’re dedicated to a greener future."
4. For Healthier Families
Pop-Up Text: "Crafted with care for families everywhere, our products support wellness without sacrificing taste. Because your health matters to us."
More details of ingredients page
Water
Pop-Up Text: Water is the base of our oat milk, ensuring smooth consistency and hydration.
Oats
Pop-Up Text: Our oats give the oat milk its creamy texture and natural sweetness, while providing fiber and nutrients.
Rapeseed Oil Pop-Up Text: Rapeseed oil provides omega-3 and omega-6 fatty acids, helping to create a smooth texture with a neutral flavor.
Dipotassium Phosphate
Pop-Up Text: A stabilizer that keeps the oat milk perfectly blended without separation, while adding potassium.
Calcium Carbonate
Pop-Up Text: Fortified with calcium for strong bones and teeth. Essential for your daily intake.
Tricalcium Phosphate
Pop-Up Text: Another calcium fortifier that supports bone health, adding to our oat milk's nutritional benefits.
Salt
Pop-Up Text: A pinch of salt to balance the sweetness of oats and enhance flavor.
⤷use cereal box cz more stable than bottles (shape)
⤷animate the story
⤷don't use video cz it would be small and unclear, can just watch in youtube or website as it would be clearer
⤷consider animating the story around the box
⤷make it more interactive
idea 2
⤷have to animate virtual pet
⤷refer to tamagotchi's concept
⤷think of how users can interact with pet
⤷how to make it stand out
idea 2 and idea 3 requires programming
animation may be complex but better compared to programming
check out AR storybook popup
WEEK 8
General Feedback
ILW
REFLECTION
Experience
Writing the proposal allowed me to dive deeply into Oatbedient’s brand, focusing on their unique selling points like clean labeling, low sugar content, and ingredient transparency. This research was crucial to ensure the AR project would align with their brand values and resonate with their audience. Envisioning the technical aspects of an interactive AR experience was both challenging and rewarding, as I had to balance immersion with ease of use, accessibility, and device compatibility.
The idea development alone took me days, making the whole process time-consuming, even though the final outcome might not appear complex. I found myself surprisingly engaged in the drawing and research stages, which was unusual for me as I generally dislike research. I'm happy with the direction of the project, but I'm concerned about completing the upcoming project, as I'm barely keeping up with the basics of this module. Hopefully, I'll be able to finish it successfully.
Observation
Through this project, I noticed that creating an AR experience goes beyond just understanding brand values; it requires a deep dive into how those values can be effectively translated into an interactive digital format. Oatbedient’s emphasis on clean labeling, low sugar, and ingredient transparency made it clear that the AR content needed to feel authentic and informative. Additionally, I observed that designing for accessibility—such as balancing immersion with ease of use—is crucial, as users have different devices and levels of tech familiarity. This realization added a layer of complexity to my planning, as I aimed to make the AR experience both engaging and user-friendly.
Findings
Working on this project highlighted the importance of aligning technical design with brand identity to create a cohesive and impactful AR experience. I found that consistency in reflecting Oatbedient’s values—such as clean labeling and transparency—was essential for the AR feature to resonate with the target audience. Additionally, balancing immersion with simplicity emerged as a critical factor, ensuring that the experience remained accessible across devices and appealing to a broad user base. Lastly, the project reinforced the need for thorough planning; even straightforward concepts required substantial time and detailed consideration to meet both creative and technical goals.
24.04.2025 - 15.05.2025 / Week 1 -Week 4 Emily Goh Jin Yee / 0357722 / Bachelor of Design (Honours) in Creative Media Application Design I/ DST60504 / Section 01 Task 1: App Design 1 Self-Evaluation and Reflection TABLE OF CONTENTS 1. INSTRUCTIONS 2. EXERCISES 3. TASKS 4. FEEDBACK 5. REFLECTION INSTRUCTIONS CLASS EXERCISES WEEK 3 EXERCISE To redesign a boarding pass based on prioritizing the main information. We were given an information page and we worked in groups to design a boarding pass. process Outcome WEEK 4 EXERCISE To create a task flow chart/wireflow chart for a booking app. Our group have chosen a cinema app (booking movie). Task flow chart for cinema app TASKS TASK 1: APP DESIGN 1 SELF-EVALUATION & REFLECTION For this task, we need to reflect on the final project we created in Mobile App Design 1. The main goal is to evaluate the app we designed, identify what didn’t work so well, and think of ways to improve th...
03.02.2025 - 17.02.2025 / Week 1 -Week 2 Emily Goh Jin Yee / 0357722 / Bachelor of Design (Honours) in Creative Media Information Design / GCD60504 / Section 01 Exercises TABLE OF CONTENTS 1. LECTURES 2. INSTRUCTIONS 3. EXERCISES ↪ EXERCISE 1 ↪ EXERCISE 2 4. FEEDBACK 5. REFLECTION LECTURES INSTRUCTIONS CLASS EXERCISES EXERCISE 1: QUANTIFIABLE INFORMATION Objective: Quantify raw data and visualize information through a photograph. Create a visual representation of numerical data that allows for easy interpretation and analysis. Instructions: Gather a set of objects and categorize them based on quantifiable factors such as color, shape, or pattern. Arrange the objects in a presentable layout or chart. Clearly label the quantities and data using written indicators (e.g., pens or markers). Example Objects: Box of LEGO pieces Jar of buttons Jar of marbles Set of colorful rubber bands M&Ms, coins, or other small items The goal of this exercise is ...
11.11.2024 - 12.01.2025 / Week 8 -Week 16 Emily Goh Jin Yee / 0357722 / Bachelor of Design (Honours) in Creative Media Application Design I/ DST60504 / Section 01 Final Project: Hi-Fidelity App Design Prototype & E-portfolio TABLE OF CONTENTS 1. LECTURES 2. INSTRUCTIONS 3. TASKS 4. FEEDBACK 5. REFLECTION INSTRUCTIONS TASKS FINAL PROJECT: HIFIDELITY & E-PORTFOLIO After completing the low-fidelity app design prototype, I transitioned to the high-fidelity version. To start, I used the Color Shades Finder tool to refine the color palette. One of the issues with the Watsons app is its lack of a consistent color theme. While the current colors somewhat represent the brand and make the app recognizable, they can also feel overly distracting. For the high-fidelity prototype, I focused on creating a more cohesive and simple color theme. In the existing app, green, blue, pink, and various gradients are frequently used. For this redesign, I chose colors...
.jpg)
.jpg)
Comments
Post a Comment