╎Gwendalyn Firly Bong / 0374580
╎Bachelor of Design (Honours) in Creative Media
╎Major Project 1 - Compilation
TABLE OF CONTENTS
I. Instructions
II. Process
III. Feedback
IV. Reflection
I.
INSTRUCTIONS
III. PROCESS
Task 1 - Proposal
To begin, my teammate Khansa and I brainstormed potential ideas. We
were encouraged to explore topics with social and cultural relevance,
allowing us to add greater depth and meaning to the project.
Originally, we had a lot of ideas that we tried out and explored
(details are in FigJam).
-
Fun study website
-
People travel app
-
Planning-related
-
University club explorer
-
Working space
-
University rent explorer
-
Hair-related
-
Sugar calculator
-
Organization app/tracker
-
Recipe app
-
Indonesian food-related
After consulting with Mr Kannan, we decided to go with the topic of
Indonesian "Snacks," Specifically, since it was more niche and had the
most potential.
These snacks are an important part of Indonesia’s cultural heritage
because their recipes, cultural relevance, and meanings have been passed
down through generations. Through this project, we wanted to highlight
not only their unique flavours, colours, and textures, but also the
history and traditions connected to them.
We identified that traditional Indonesian snacks are gradually becoming
less familiar to younger generations. Modern snacks are more visible and
heavily promoted on social media, which can shift people’s interest away
from traditional food. We also noticed that there is limited accessible
information online about the origins, ingredients, and cultural
significance of many Indonesian snacks. This gave us the opportunity to
create a digital platform that could make the topic more interesting and
relevant.
Fig, Original Moodboard
Based on the problem, we established several objectives for the
project. Our main goal was to promote the history, cultural value, and
variety of traditional Indonesian snacks.
We then tried brainstorming what deliverables we would do for this
topic, and we decided on creating an Interactive Website as the main
deliverable for now. For the extra items, we were still pondering and
debating between stuff like: Gamification (Board games), Merchandise,
App, and other options.
We wanted the platform to educate users about each snack’s origins,
ingredients, and background while using engaging visuals to make
traditional food more appealing to younger audiences and people who are
unfamiliar with Indonesian culture.
We also began conducting user research and identified three main target
audiences. The first group is Older Indonesians, who tend to have the most
knowledge of traditional Indonesian snacks. The second is Younger
Indonesians, who represent our main target demographic. The third is
Foreigners, as one of our goals is to introduce these snacks to a wider
global market.
Based on these target groups, we conducted user interviews. I conducted 4
interviews, while Khansa conducted 6. To balance the workload, I took on a
larger role in processing and analyzing the data. All details can be found
in the FigJam.
Afterward, we analyzed the collected data and used our findings to create
three user profiles.
Each persona included their background, needs, and pain points. This
helped us better understand the different expectations of our users and
guided our design decisions moving forward.
After completing the research stage, we began planning the website
structure and content.
The homepage was designed as the main introduction to the project. We
wanted it so that that page gave information about both our project, and a
small overview of what traditional Indonesian snacks are.
We added 2 ways for the users to explore the website. First is the explore
page, which allows users to explore snacks from different parts of
Indonesia. The second is the recommendations page, which displays a full
catalogue of traditional snacks. Users can search for a specific snack or
filter the results by taste, origin, diet, or ingredients. This feature is
useful for users who do not know what to search for.
Each snack also has its own detailed page. This page includes information
about its ingredients, flavour profile, origin, recipe, and where it is
commonly found.
We then created a site map and user flow to organise the navigation. Users
can begin from the homepage and move towards the explore page,
recommendations page, or individual snack pages. This allows different
users to explore the website in their preferred way.
Here are the original wireframes.
We also used other websites as references for what we wanted our
transitions to look like.
Major Project I
by gwennie
Task 2
For the second part of the project, we started working on the actual wireframes. Our original wireframes went through a lot of changes, mostly because it looks much different when we tried them on Figma.
We also had a lot of trouble picking out an aesthetic for our website. Originally, we went for this retro-esque theme with stripes. When we realized that this didn't really fit the Indonesian style, we completely scrapped these wireframes.
For our second iteration, we aimed to create something more bold and eye-catching. We picked bold and thick fonts, and bright warm colors.
While working on the wireframes, I simultaneously started coding the website as well. Since I have no experience in coding full websites, I asked the lecturers for their advice. Originally, I wanted to use the program Framer, since it was advertised as more beginner-friendly and didn't involve coding. However, Mr Razif said that there is a possibility that there would be limitations to this program. Instead, he told us to do "vibecoding", which is basically using AI to code. I opted for this route and used the programs Claude Code and VS Code.
Major Project I - Final Presentation
by Khansa Assajad
Full Drive Link:
IV. FEEDBACK
V. REFLECTION
Major Project was introduced as a major challenge, and it definitely lived up to that expectation. From the very beginning, I felt a lot of pressure, whether it was choosing the right topic, deciding on a creative direction, or developing the actual outcome. One of the most difficult parts was making the big decisions. My partner and I spent a lot of time discussing and reconsidering our topic and overall direction because we wanted the project to feel meaningful and well-developed. At times, this made the process feel overwhelming. However, with the guidance of Mr Kannan, Mr Shamsul, and Mr Razif, we gradually found a clearer direction and managed to bring the project together. Their feedback helped us understand what needed improvement and encouraged us to keep moving forward. Overall, this project taught me a great deal. I am now much more confident in designing web pages, and I have a better understanding of the standards, limitations, and considerations involved in web design. It also taught me the importance of decision-making, collaboration, and trusting the design process, even when the outcome is not immediately clear.
Comments
Post a Comment