Collaborative Design Practice - Task 3: Prototypes, Tests, and Iterative Designs

30/10/2024 - 24/10/2024 | Week 6 - Week 9
Edwin Choo Quan Rong | 0348305
GCD62204 Collaborative Design Practice | Bachelor of Design (Hons) In Creative Media
Task 3: Prototypes, Tests, and Iterative Designs


Instructions



Task 3: Prototypes, Tests, and Iterative Designs

Week 6: Iterative Design Prototypes (30/10)

The progression of the task soon required us to produce final deliverables through iterative design prototypes, these deliverables include packaging designs and social media designs. We formed two small teams in our group to work on these deliverables, the packaging team consisting of Hana, Sarah and I, while the social media team is run by Arnusha, Sheryl, and Gladys. 

During the first weeks of iterative design, the packaging team produced initial drafts of how the packaging would look like, basing our design choices from the themes, elements, logo, and image of Collacto as a probiotic drink.


Fig 1.0 - Week 6 Initial Drafts

Viewing from left to right, it shows our progress in slowly solidifying our design (using placeholder vectors), incorporating important elements such as the nutrition list as its emphasis is crucial for healthy probiotic drinks like Collacto. The final nutrition details will be provided by Food Science team that our client is also working with. 

Week 7: Packaging Design Progression - Mixed Berries (6/11)

During this week, my groupmate Sarah procured the vectors for our packaging design, starting with the Mixed Berries flavor. We then applied the vectors onto the design to develop this iteration:


Fig 1.1 - Week 7 Mixed Berries Iterations

In this iteration, we focused on different visuals for light mode and dark mode, as well as incorporating versions with logomark and without. This vectors in this version includes drop-shadow elements, while versions without drop-shadow and version with additional "droplets" elements were done as iterations:


Fig 1.2 - Mixed Berries iteration without drop-shadow


Fig 1.3 - Mixed Berries iteration with droplet elements

When designing the packaging layout, we test the designs frequently on the bottle packaging to ensure that the design wraps smoothly, amending any misalignments and hiccups of the design. The common issues includes the starts and ends of the wrap, as these 2 are where the designs meet, which can cause patterns to be connected weirdly or look unnatural.


Fig 1.4 - Week 7 Packaging Design on bottle test


Week 8: Packaging Design Progression - Mixed Berries & Coconut Mango (13/11)


Fig 1.5 - Week 8 Packaging Design Progression

After feedback from our lecturer and the client, we proceeded with a few changes on the packaging design. As per our client's requests, it includes adjusting the background color to closer match the actual drink color produced by the Food Science team, as well as implementing dot patterns sprinkled throughout the packaging design to symbolize the small bits of fiber utilized in the drinks. In the version of Mixed Berries, we also tried different versions of emphasis on the collagen factor located above the Collacto logo, and decided to went with the 3rd one at the bottom as a result. The changes made for Mixed Berries flavor were then all applied to the iterations for Coconut Mango flavor.

We also made gradient versions of the packaging design to see how different blends of colour affect the look of the packaging design:


Fig 1.6 - Gradient Versions of Week 8 Packaging Design

Eventually, the packaging design elements such as vectors and backgrounds were perfected to the ones shown below, being our final deliverables for packaging design for Task 3's presentation.


Fig 1.7 - Mixed Berries Design Final Deliverable


Fig 1.8 - Coconut Mango Design Final Deliverable


Fig 1.9 - Final deliverables packaging design displayed on bottle

Week 9: Presentation for Task 3 (20/11)

The team presented the final deliverables along with its iterative designs for both packaging and social media aspects. Ms Li Lian's feedback was invaluable in guiding and directing us towards improvement in certain design elements that we overlooked to provide a smoother final product design.


FINAL OUTCOME


Fig 2.0 - Task 3 Presentation Slides

Feedback

Week 9:
-When emphasizing the collagen, remove the line element that connects the collagen info towards the Collacto logo, as the size of the collagen info is big enough to be eye-catching for consumers


Reflection

The development of prototypes and iterative designs in Task 3 proved to be a challenging yet rewarding experience. Splitting into two specialized teams—packaging and social media—allowed us to focus on distinct deliverables while maintaining a cohesive vision for Collacto’s brand identity. Working on the packaging team with Hana and Sarah, we took inspiration from the core themes of health, wellness, and vitality, ensuring that our designs reflected the essence of a probiotic drink.

The iterative design process was thorough and systematic. Beginning with initial drafts and placeholder vectors, we built a solid foundation that incorporated crucial elements such as the nutrition list, which emphasized the product’s health benefits. This phase highlighted the importance of collaboration, as the Food Science team’s input provided critical details to refine our designs. One of the most valuable aspects was repeatedly testing our designs on actual bottle templates to ensure seamless wrapping, which required careful attention to alignment and visual flow.

As we progressed, the transition from drafts to finalized versions was fueled by both constructive feedback and constant testing. Iterations such as the Mixed Berries flavor allowed us to explore various elements, including light and dark mode variations, drop-shadow effects, and additional graphical details like droplets and dot patterns. Implementing these changes based on client requests, such as aligning the background colors with the actual drink shades and emphasizing the collagen factor, pushed us to balance aesthetics with functionality.

The addition of gradients was a bold step, showcasing how subtle changes could elevate the packaging design further. By Week 8, the packaging designs for both flavors—Mixed Berries and Coconut Mango—were finalized. Displaying them on bottles during presentations made the results even more tangible and rewarding. Seeing how all the iterations culminated in polished, professional designs was a testament to the iterative process’s value and our team’s collaborative effort.

The final presentation in Week 9 marked a satisfying conclusion to this task. Ms. Li Lian’s feedback was immensely helpful, pointing out areas for improvement that we can carry forward into future projects. Overall, this experience reinforced the importance of iterative design, attention to detail, and teamwork. I am proud of what we achieved together and look forward to applying these lessons to upcoming tasks.

Comments

Popular posts from this blog

Minor Project: Soft Embrace

Collaborative Design Practice - Task 1: Empathy Map & Problem Statement