Minor Project - Task 1: Propose an innovative project proposal as a group

25/04/2025 - 23/05/2025  / Week 1 - Week 5

Velicia Raquel Dewi Setiawan | 0369188 | Bachelor of Design (Honours) in Creative Media

Minor Project  

JUMPLINK:

  1. Lecture
  2. Instruction
  3. Task 1: Propose an innovative project proposal as a group
    • Topic
    • Progress
    • Final Submission
  4. Feedback
  5. Reflection

1. LECTURE


2. INSTRUCTION


3. TASK 1: PROPOSE AN INNOVATIVE PROJECT AS A GROUP

Description
You are to work as mixed groups of multidisciplinary skills to present an innovative concept that introduces unique solutions in relation with the United Nations Sustainable Development Goals, UNSDG (https://sdgs.un.org/goals) for the intended target audience. You are to conduct research on your target audience from a human-centered perspective to understand their needs to form insights into their actual problem. Empathy research with analysis reports on product or service functionality and effectiveness, technical innovations and challenges, aesthetics and design appreciation are required to support your new project proposal. The proposed solution must address the need that you have discovered from your research on the target audience. All of this information will need to be presented as slide presentation(s) and the printed proposal.

Requirements
The project proposal sections:

1. Executive Summary - The summary or overview to explain the project and get buy-in. It’s the ‘elevator pitch’. Tell the client why you’re undertaking this project, what you’re doing to succeed, what success will look like and what UNSDGs will be addressed with which 4IR technology solution.

2. Background – The brief history about similar projects in the market or the world. Contextualize and explain why now is the time to execute this project. Show the client how prior projects have fallen short of expectations.

3. Resources - Tell your client what you need to be successful which could include money, materials, 4IR related technology and personnel.

4. Solving the Problem(s) – Define the problem you aim to solve and explain why you think it’s important to solve that particular problem(s). Frame the problem as an opportunity, a potential market, or make a case for the investment with reference to which UNSDG target(s). To win over your client, persuade with the unique selling point that is suited to solving the problem(s). Highlight any project management techniques, skillsets, and resources you are bringing to the table, especially the use of 4IR related technologies.

5. Budget and Timeline – Produce a schedule for all the deliverables, milestones that once achieved, will let you know that the project is on track. And let your client know how much it will cost to undertake this project by explaining how and why you plan to spend their money. 

4IR Technologies: 3D Printing, 4D or 5D printing, 5G mobile network, Advanced materials, Advanced oil and gas exploration and recovery, Advanced robotics, Augmented Reality / Virtual Reality, Automation of knowledge work, Autonomous or near autonomous vehicles, Biodegradable sensors, Biomimetic materials, Carbon breathing batteries, Cloud technology, Collaborative telepresence, DNA data storage, Energy storage, Generative artificial intelligence, Genetic computing, Geoengineering, Health passports, Industry specific Technology. Eg: software such as Computer Aided Design (CADD), 3D Point Cloud Data, Ingestible robots, Internet of Things, Metalenses, Mobile internet, Next generation genomics, Photonics in space, Renewable energy and Simulation.

Read:

Watch:
Design Disruptors Documentary

Reference Sites:

Requirements
All of this information will need to be presented as slidepresentation(s) and print ready proposal in PDF format.


1. Classes and Feedback 

Miro - Miro (Our Group Personal Miro)

(This blog will mostly tell my personal process, not the group’s. The full process of our group can be seen in the Miro link above.)

For this module, I joined the Night School group, where our client is an organization that provides training for ALC (Alternative Learning Centre) teachers. In the first few weeks, we were tasked with doing contextual research on the Night School program. We were given a brief overview at the start, but it wasn’t enough — we had to dig deeper and collect more information on our own.

Each person in the team researched a different aspect of the program. My focus was on the curriculum and modules used in Night School — understanding what kind of content they offer, how it’s structured, and whether it meets the needs of ALC teachers. 


Fig 3.1 Contextual Research Week 2 2/05/2025

Fig 3.2 Contextual Research Week 2 2/05/2025

Research & Feedback

After we each finished our individual research, we presented our findings and got feedback from Mr. Mike. I recorded the session and wrote it out in Miro so that everyone could refer back to it.


Fig 3.3 Feedback from Mr Mike Week 3 9/05/2025

The feedback was mainly to ask more specific questions about Night School and dig deeper. We were encouraged to look into their competitors, understand their pain points, explore the overall structure of Night School, and start thinking about potential personas for the project.

Fig 3.4 Feedback from Mr Mike Week 4 16/05/2025

After that, we shifted our focus to Night School’s “customers,” which are mostly the ALCs and their staff. We did more research on ALCs and tried to conduct interviews with them to build out our personas.

Fig 3.5 Interview Insights Week 5 23/05/2025

Mr. Mike told us to prepare curated interview questions tailored for each persona — such as teachers, ALC owners, and funding parties or NGOs.



Interview Insights

We managed to conduct a few interviews to get deeper insights. Here's a quick recap of each one:


Fig 3.6 Interview Insights from Mr Syukur Week 6 30/05/2025

Interview 1: Abdul Syukur – Head of Secondary, UAIM (Puchong)
  • Joined Night School in 2023 (first batch); found training insightful and practical
  • Learned to use tools like Magic School and ChatGPT for planning
  • Recommends more physical sessions and training for special needs students
  • Background: Former UN translator; joined UAIM to support his community
  • UAIM offers primary and secondary education; uses Cambridge up to Grade 10
  • No science lab, limited resources; uses monitors and videos for science lessons
  • Challenges: learning disabilities, language barriers, no exam recognition for refugees
  • No sponsors; relies on tuition and small donations
Fig 3.7 Interview Insights from Blessed Learning Center (ALC Owner) Week 6 30/05/2025

Then we get an interview from the ALC Owner (Blessed Learning Center). Velow is the recap of it:

Interview 2: Blessed Learning Center (ALC Owner)
  • Located in Sunway Mentari, established in 2009.
  • Reopened in 2022 after closing during MCO; taught online during lockdown.
  • Offers Cambridge (IGCSE/IGCCC), Mandarin, and music classes.
  • Plans to add GED program for students who struggle with Cambridge syllabus.
  • Mission: Provide refugee children with quality, accessible education.
  • Operates mainly in English; Chinese used only in language classes.
  • Staff: 17 full-time teachers, plus part-time and volunteers (many are alumni).
  • Staffing challenges: shortage of qualified teachers and limited recruitment reach.
  • In-house training given to paid teachers; volunteers not usually trained.
  • Charges school fees to sustain operations; limited sponsorship

Fig 3.8 Interview Insights from Blessed Learning Center (ALC Owner) Week 7 6/06/2025

Then we have Interview with Head of Communication: Cassie Seow (El Shaddai). Yhis is the recap for it:
Interview 3: Cassie Seow – Head of Communications, El Shaddai
  • Name: Cassie Seow – Head of Communications, El Shaddai
  • El Shaddai founded in 2008; operates multiple centers for refugees and stateless children
  • Offers preschool to tertiary education (ages 5–22+); 70 teachers employed
  • Teacher types: community teachers, volunteers, retirees, full-time staff
  • Hiring criteria vary by level; higher levels require qualified teachers
  • Challenges: classroom management, teacher drop-outs, lack of long-term commitment
  • Classrooms are mixed-age/nationality; English is the main language
  • Students learn English through peer interaction
  • Funding from diverse donors: Singapore orgs, Lion’s Club, private donors
  • Notes trust issues toward university-led programs in ALC community

Defining the Personas

After gathering data from our interviews, we began creating our personas. At first, we came up with five, but Mr. Mike suggested narrowing it down to three, so we could focus better and not try to satisfy everyone at once.

Our final three personas were:

  1. ALC Teachers
  2. ALC Owners
  3. Sponsors / Funding Parties
Fig 3.9 Personas Week 9 20/06/2025


Synthesizing Insights

We gathered and compared insights from all interviews and rewrote the key patterns into clear insight statements:

  1. ALC teachers lack formal training due to limited resources, language barriers, and high demand for practical, in-person skill development.

  2. Funding is unstable due to legal barriers, perceived unprofitability, high costs, and lack of sponsor trust.

  3. Inconsistent curriculum and certification barriers exist because ALCs lack regulation, government recognition, and access to formal exam systems.

  4. ALCs prefer trusted groups like UNHCR to avoid scams and harmful, unverified programs targeting refugee and undocumented children.

  5. Inconsistent teaching in ALCs leads to fragmented learning, making progress tracking and educational continuity difficult.


Fig 3.10 Personas Week 9 20/06/2025

From these, we wrote a problem statement:

  1. ALC teachers need flexible, supportive training with recognition because they lack resources, support, and practical, in-person training opportunities.

Fig 3.11 Personas Week 9 20/06/2025

Then we turned that into our "How Might We" questions:
  • How might we support ALC teachers that lack formal training so they can have access to teaching resources, with practical in-person skill development, without any language barriers?

  • How might we help convince funding parties to develop trust in ALCs and overcome legal and perception barriers?

  • How might we help ALCs overcome the lack of regulation, government recognition, and access to formal exam systems?


Client Presentation & Logo Feedback

We had our first presentation with the client, where we pitched our proposal. Below is a summary of the feedback and critiques we got:


Fig 3.12 Personas Week 10 27/06/2025

Problem with the Old Logo:

  • Lacks emotional impact and clarity
  • Needs a stronger identity that communicates hope, trust, and growth
  • Must still keep recognizable parts of the original logo

Suggestions:

  • Consider adding or updating an owl symbol (wisdom and learning)
  • Keep familiar elements for continuity.
  • Make the logo something aspirational for refugee educators

Color Justification:

  • Blue = Trust – builds credibility with educators and funders
  • Orange = Growth – reflects personal/professional development
  • Yellow = Hope – symbolizes optimism and a better future

Booklet Advice for Funders:

  • Highlight Night School’s impact
  • Include testimonials and statistics from teachers who benefited

Website Design Journey

Me and Dea were in charge of the website design. After the first pitch, we received some web-specific feedback from Mr. Mike:

Focus on the idea, not the logistics. Don’t worry about who will build or manage the site — it’s a conceptual design solution.

Website Goals:

  • Inform – Share what Night School is, who it's for, and why it matters.
  • Teach – Offer access to training content, guides, and toolkits.
  • Build Community – Connect ALC teachers through forums, resource sharing, and contact forms.

Keep in Mind:

  • Design should clearly show the purpose of Night School.
  • Structure the site to be simple, helpful, and empowering for refugee educators.
  • Use this direction to guide your slides and wireframes.
We realized we needed a user journey map, so we created one with Mr. Mike’s help in the Miro board.

Fig 3.13 Personas Week 11 4/07/2025

The next week, we got more feedback from Mr. Mike, specifically about the website design. He said that the site still looked too much like a template — it felt a bit generic and didn’t really reflect the unique identity of Night School. He suggested that instead of just using geometric shapes as decoration, we should try using them as part of the layout itself. Like, make them actually structure the content, not just float around in the background.

Fig 3.14 Personas Week 13 18/07/2025

Fig 3.15 Personas Week 13 18/07/2025

Fig 3.16 Personas Week 13 18/07/2025



2. Web Design

The next week, we got more feedback from Mr. Mike, specifically about the website design. He said that the site still looked too much like a template, it felt a bit generic and didn’t really reflect the unique identity of Night School. He suggested that instead of just using geometric shapes as decoration, we should try using them as part of the layout itself. Like, make them actually structure the content, not just float around in the background.

Figma Link: Link
Prototype Link: Link
The rest of the design (Social Media, Booklet, Busniess Card): Link

Starting the First Website Prototype

At that point, me and Dea had already started working on the first prototype. We had decided on the main contents of the website — what sections were needed, what kind of info we had to include, and how we wanted to structure the flow.

The wireframe we made was very basic at first. Since the logo wasn't finalized yet, and we hadn’t locked down the full visual direction, we just kept things simple. We knew we’d make it better later once we had more on the branding.


Fig 3.17 Web Wireframe Week 9 20/06/2025

Fig 3.18 Web Wireframe Week 9 20/06/2025


Facebook Group: Teacher Forum

Aside from the website, we also created a Facebook group for ALC teachers. The idea was to give them a space where they could ask questions, share tips, or just help each other out. 


Fig 3.19 Forum Wireframe Week 9 20/06/2025

Moving to High-Fidelity Design

After the first client presentation, we had to work on the high-fidelity (hi-fi) version of the website — this time with full colors, visuals, and layout polish.

In the beginning, we just added colors to the wireframe we already had. It was a quick upgrade, just to start exploring how the site would look with the actual brand colors. But after the logo was done and we received the final visual elements (especially the geometric shapes), that’s when we started really changing up the layout.


Fig 3.20 Web with Color Week 11 4/07/2025

Fig 3.21 Web with Color Week 11 4/07/2025

Content & Structure Changes

At the same time, we also reviewed the content. There were some sections that felt repetitive or unnecessary, so we removed those. Then we worked on creating a clearer information architecture — figuring out the best way to organize all the sections so it flows better for users.

That helped us see which content needed to be grouped together, what pages made sense, and how to keep everything simple but still informative.


Fig 3.22 Information Architecture Week 11 4/07/2025

Reworking the Visual Layout

Originally, I was using the geometric shapes just as decoration — kind of like how they were used in the booklet design.


Fig 3.23 Updated Web Layout Week 12 11/07/2025

But after Mr. Mike’s feedback, we started treating them differently. Instead of just placing them in corners or backgrounds, we began using the shapes to form actual layout structures — like framing text boxes, guiding the eye across the page, or helping divide different content sections. This part took a lot of experimentation.

Me, Dea, Sahibur, and Sherin kept trying out different versions — changing how the shapes were used, testing how they looked next to text, and making sure they didn’t distract from the content. There were moments where it didn’t look great or felt off-balance, but we kept tweaking it until we got a version that felt cohesive and visually interesting.


Fig 3.24 Updated Web Layout Week 14 25/07/2025

Final Design

Eventually, we landed on the final design for the website. It felt much more aligned with the Night School identity. The layout was more dynamic, the shapes worked well with the flow, and the whole thing felt more like a custom-built solution, not just another template. 

Figma Link: Link
Prototype Link: Link

Fig 3.25 Final Web Design Week 14 25/07/2025

The full Figma page includes all our iterations — from the early wireframes to the hi-fi version — so you can actually see the design evolving step by step. It’s kind of nice looking back and seeing how far it came from that first draft!

Fig 3.26 Final Web Design Week 14 25/07/2025


4. Feedback

Week 4: 

Specific Feedback:

  • The feedback is in the Miro Board Miro

5. Reflection

1. Experience 

Designing the website was a learning process. At first, me and Dea worked on the wireframe with only basic content since the logo and visual style weren’t ready. Once we had the logo and geometric elements, we started updating the layout. After Mr. Mike’s feedback about the site looking too much like a template, our team (me, Dea, Sahibur, and Sherin) experimented with using shapes more meaningfully. We also created a Facebook group for teachers to interact, adding a nice community feature.

2. Observation

I noticed how important feedback is—it pushed us to think more deeply about the design. The project moved faster once we had a clearer visual direction. Working as a team also made a big difference. Everyone contributed ideas, especially when exploring layouts and how to use the geometric shapes beyond just decoration.

3. Findings

I learned that design is all about iteration. Starting simple helped, but we had to keep adjusting based on feedback. Using shapes as part of the layout made the site more unique. Also, simplifying the content improved the site’s flow. Overall, it taught me that a mix of structure and creativity is key.

Comments

Popular posts from this blog

Information Design - Exercise 1&2

Advanced Interactive Design - Final Project

Advanced Interactive Design - Task 2