Collaborative Design Practice - Task 2 / Ideate solution for problem statement

24 April 2024 - 4 June 2024 / Week 4 - Week 6

Leem Sejin / 0362419
Design Exploration / Bachelor of Design (Honour) in Creative Media
Task 2 - Ideated solution for problem statement

---

INSTRUCTION

<iframe src="https://drive.google.com/file/d/12P0xowiyM-Yup8_LGiqdtodLsIAq_7A9/preview" width="640" height="480" allow="autoplay"></iframe>

TASK

Week 4

Art direction for app design

Our group wants to create minimalistic app so that the users are easier to navigate through the app. We did research to find some references for minimalistic design, and colour scheme. Client wants orange, beige, peach as main colour,  and our group also think that it is relevant to engage the users, hence we did further exploration to finalise the colour scheme.

Fig 1.1 App reference 1

Fig 1.2 App reference 2

Fig 1.3 Colour scheme

Logo ideation

We met the client to question what kind of elements do they want to include, and he wanted to add house and wrench in the logo. Our group also think that those elements are representing the fixing something and houses, so we explored some logo designs.

Fig 1.4 sketches of the logo

While sketching the ideas, I transfer some of the sketches into adobe illustrator to vectorise the images
During the group discussion, we came out with five ideas, and decided to do further exploration with second and third ideas.

Fig 1.5 Ideation of logo

Concept #1 Cube

I created a house into a cube shape, inspired by the business name. I wanted to utilise the wrench and did explore the placement. I also explore the position of business name, but I find that it is too small and readability is poor.

Fig 1.6 Exploration of concept #1

Concept #2 Wrench

I explored the position of the wrench because if it is stand straight, it looks like shape of key instead of wrench. Also, the tilted wrench represents the action of fixing something ( rotating wrench)

Fig 1.7 Exploration of Concept #2

Week 5

Finalising logo

We had a meeting with the client, and he like the cube shape house ideas. Next step is to make a decision of the font and size. I tried with futra std which has consistent thickness and freeman font that used for the ux design. After discussion, we decided to stick with freeman font, to give consistent with the app design

Fig 1.8 Exploration of font

Our group wants to differentiate between contractor and homeowner, however, creating two different logo is confusing and not creating brand identity. Hence, we decided to have reverse colour scheme for the both users. Black stands for contractor while white stands for home owner

Fig 1.9 Final logo ( contractor )

Fig 1.10 Final logo ( home owner )

Storyboard

We are tasked to create short advertising video to promote the app. As client wants to have comedy mood, we are agreed to have some funny movements in our animation. Also, we looked into some references to see how the official promotional videos work.

references for the video

Fig 1.11 animation reference 1

Fig 1.12 animation reference 2

Synopsis of the animation

Fig 1.12 Synopsis of the animation

Draft of storyboard

Fig 1.13 Draft storyboard

Week 6

Pitch video

After receiving the storyboard from other group mate, I worked on the animatic for clearer direction of our animation video. We decided to have narrations, so I used the AI voice generator to produce narration as placeholder, and adjust the timing.

Fig 1.14 pitch video

As we were rush on the pitch video, we did not managed to find the suitable soundtrack and sound effects.
 

FINAL SUBMISSION

Presentation slide

Fig 1.15 Presentation slide

Project document

Fig 1.16 Project document

 

---

FEEDBACK

Week 4

Logo must be in black for clearer silhouette

We need more clearer art direction

Week 5

- show the progress on how u arrived this stage
- add comparison side by side for homeowner and contractor
- remember to communicate your idea clearly in each slide
- one app should only have 1 logo
- by week 9 prototype should be done

- try to simplify storyboard if you can't manage it in time
-freeman typo can be as the subheading to give more personality
-tidy slide
-remember to apply the colour palette in the app to the video

Week 6

Presentation is well organised and structured, and good to have a storyboard and animatic. But there is not much work on microsite

---

REFLECTION

At first, I was unsure with the art direction. I assume that art direction is grabbing the references for the app, but realise that is does not show what kind of mood that we are working on. Also, it was challenging to meet the client's want such as colour script, as it was difficult to navigate suitable colours within the selected colours ( oranges, peach, beige ). As well as storyboard, it was first time that creating the film that promoting a product, and I was unsure what content need to add and how to make it attractive, as some promotional videos are boring and audience intend to skip. Throughout the research, I learnt that it must emphasise clearer message ( why the app is ideal), basic introduction on app design, and when does it needed to solve the audience's problem