Major Project 2

02.02.2026 - 20.03.2025 / Week 1 - Week 7

IAN CHOO XIN ZHE / 0369451

Major Project 1 / Bachelor of Design (Honours) in Creative Media

---

MIB

Major Project 1: https://ianchoodesign.blogspot.com/2025/02/major-project-1.html

Major Project 2

Fig 1.1 Task 1 Deliverables 

Major Project 2 is essentially the continuation of Major Project 1. In the first module, we focused on the proposal stage, where our main goal was to conceptualize the app, define the core features, and develop basic flows. At that stage, our lofi prototypes only included a few pages with basic functionality, giving a general idea of how Beacon would work but without full interactivity or a polished feel.

For Major Project 2, the focus shifts from concept to execution. This means taking everything we planned in the proposal and turning it into a more complete, cohesive app experience in Figma. Our goal is to expand the basic flows into fully fleshed-out screens, include realistic interactions, and make the app feel like something users could actually navigate. Essentially, we’re moving from a conceptual skeleton to a full-bodied prototype that demonstrates not just functionality but also usability, visual design, and overall user experience. This stage challenges us to think about the finer details, interactions, and consistency across the app while maintaining the core vision we established in the proposal.

Logo Update/Redesign

Mr Shamsul gave feedback regarding our logo design. He mentioned that while the concept was a good start, it could be developed further to make it stronger and more distinctive.

He suggested exploring alternative directions, such as incorporating the letter “B” more clearly into the design, or using a lighthouse concept to reflect the meaning of Beacon, with light shining in one direction.

Fig 1.2 Old Logo

Based on his feedback, I decided to go back to the drawing board and start sketching out different ideas first before refining anything digitally. This helped me explore more variations and think more critically about the concept before committing to a final direction.

Fig 1.3 Sketches of new logo ideas

I volunteered to take charge of the logo design because it’s something I genuinely enjoy, and I feel confident in my ability to develop a strong visual identity. To start the process, I explored different websites and design platforms to gather inspiration and study how other brands approached their logo concepts. This helped me understand different styles, structures, and visual strategies. After that, I began sketching extensively. I generated many rough ideas and experimented with different concepts before narrowing them down to the seven strongest designs that best represented the direction of the brand.

From the beginning, I was determined to incorporate a star element into the logo design. I felt that the star was a strong and versatile symbol that could carry multiple meanings at the same time. In gaming culture, stars are often associated with ranking systems, achievements, and progression. This makes the symbol instantly relatable within the context of our app. At the same time, stars have historically been used to guide travelers, especially before modern navigation systems existed. This connects directly to the idea of a beacon guiding people toward the right direction, which aligns well with the purpose of our platform.

Fig 1.4 Chosen Concept

The following week, I presented my logo sketches to Mr Shamsul. I walked him through each concept and explained the thinking behind every design, including the symbolism and how it connects to the brand identity. After reviewing all the options, he selected the logo shown in the image above. He felt that it was the strongest overall in terms of both meaning and functionality.

The chosen concept features the letter “B” divided by a star in the center. The star splits the B into four panels, representing multiple users connected through the platform. At the same time, the letter B clearly reinforces the name Beacon, making the logo both symbolic and directly tied to the brand.

Fig 1.5 Logo Digitalization in Illustrator

After finalising the selected concept, I moved on to digitalising the logo in Adobe Illustrator. I carefully reconstructed the design using vector shapes and tools such as the Shape Builder Tool to ensure everything was precise and clean.

During this stage, I focused a lot on refinement. I adjusted spacing, balanced the proportions, fine-tuned the curves, and made small visual corrections to ensure the logo looked stable and well-crafted. I also paid attention to kerning for the wordmark to maintain consistency with the overall UI typeface.

Fig 1.6 Logo Variations & Colour

Once everything felt visually balanced, I applied our app’s three main brand colours to the logo so it aligns with the overall theme and identity of Beacon. At that point, the logo was finalised and ready to be implemented into the app design.