Design Exploration

July 04, 2021

Design Exploration

27/3/2021 - 5/7/2021 (Week 1 - Week 15)

Chan Qian Hui 0334447

Design Exploration

Projects

INSTRUCTIONS

PROJECTS

For this module, we were given the opportunity to create whatever project we like based on the 17 sustainable development goals. The project is individual and there would be only one final outcome at the end of the semester. We were highly encouraged to explore fields out of our knowledge.

After doing some research online, I decided to go with Sustainable Development Goal 3 - "Good Health and Well-being". This goal focuses on ensuring healthy lives and promote well-being for all at all ages and I personally think it aligns really well with my previous design research methodology on first aid. Thus, I did further research and started working on the proposal for the project.

Project Proposal

Design Execution Progression
After the proposal is approved and good to go, I started working on the design execution.

As I browse online for references, I found an issue where the design for medical products are often very boring and repetitive, with the bright blood red colors, white or green, and using lengthy cramped texts to explain a situation. Thus, I wanted to take the project up a notch, and change the stereotype for medical product designs.

There are a few good reasons for this approach:

1. Breaking through the stereotype of medical designs as boring and unappealing

2. Introducing medical product in a fashionable manner to appeal better to young adults

3. Commercializing first aid as a necessary household item where can be easily utilized during emergencies.

Weekly Progressions
Every week we would have weekly progression check and tasks given related to our own project topics. We started out by research more in depth about our chosen Sustainable Development Goal and then proposing 3 ideas for our project. Then one idea would be chosen and further worked on for project proposal.

Packaging Design
The concept for my project is to redesign the common first aid kit into a more organized kit for easy access during emergencies. The kit also includes infographics to guide users on how to check for signs & symptoms and how to treat injuries, so people would know what to do when accident happens.

Fig 1.0 initial box dieline

Fig 1.1 initial inner compartment dieline

Fig 1.2 initial dieline measurements

Final Dieline:

Fig 1.3 Final Dieline Measurements

Fig 1.4 Final Dieline (outer cover)

Fig 1.5 Final Dieline (4 compartments)

Fig 1.6 Final Dieline (inner boxes)

Fig 1.7 Final Dieline (all colours)

Mockups:

Fig 1.8 Photoshop mockup #1

Fig 1.9 Photoshop mockup #2

Infographic Progression

For the infographic illustrations, the goal is to simplify and chunk the large information in a first aid treatment as much as possible. For each type of injury, there would be one page to show the signs & symptoms to look out for and another page for step-by-step treatment guide for the injury.

The design concept is minimal and clean to avoid confusion when users read it during emergencies.

Bleeding

Fig 1.10 Illustration for external bleeding

Burns

Fig 1.11 Illustration for burns

Fracture

Fig 1.12 Illustration for fracture

Sprain, Strain & Tear

Fig 1.13 Illustration for sprain, strain and tear

Design Exploration

Since we needed to explore on fields out of our specializations, I decided to go for 3D modeling and UI UX design. This is because I can't go out to print the box due to the pandemic thus creating the design digitally is the best option I can have for now.

3D Modeling

For 3D modeling, the software I used is Autodesk 3Ds Max to craft the model.

I started by tracing the dieline I created so that I can fold the box according to the accurate sizing.

Fig 2.0 tracing from dieline

Thanks to the 3D modeling process I realized that there was an error in my dieline where the height of the boxes are not equal on all 4 sides. I adjusted the dieline in Illustrator and manually fixed it in 3Ds Max.

Fig 2.1 error found in dieline

Then I folded the boxes accordingly and formed the box.

Fig 2.2 Folding of box

Fig 2.3 Final constructed box

After the box is modeled, I arranged them, added environmental light and render them to mimic the effects of the products being shot in a studio.

Fig 2.4 Arranging of boxes

Final 3D models:

Fig 2.5 Rendered box #1

Fig 2.6 Rendered box #2

Fig 2.7 Rendered box #3

Website Design

For the website design, I used Figma to create the webpages since I can also convert it into a prototype. I designed 2 pages for the website - homepage and shop.

The homepage introduces the product and highlight the features of the First. while the shop page goes in-depth on what is in the kit and how the customers can customize it.