Collaborative Design Practice // Task 2: Art Direction and Ideation

-

12.9.2023 - 02/10/2023 (Week 3 - Week 6)
Britney Chow Pei Jun / 0350043 / BDCM
Collaborative Design Practice
Task 2: Art Direction and Ideation

RESEARCH

Since I'm from the UI/UX specialization, I'm in charge of designing the website in Figma, I then start to look up a few interesting  website designs. I first searched up a few ways that could make our designs interesting and good looking:

How to design a good-looking website: (sauce: Jotform)
  • Keep your design balanced.
  • Compartmentalize your design by using grids.
  • Pick two or three base colors at most for your design.
  • Try to make the graphics go well together.
  • Improve your website’s typography.
  • Make elements stand out by adding white space around them.
  • Have all elements connected.
Below are some of the 

INSTRUCTIONS

 

PROCESS

Task 2: Art Direction and Ideation

WEEK 4

On this week, we were much more focus on designing the logo as our clients needs it, and also finalizing it will help us to design our other deliverables as well. Below is some of our progression: 


Fig 1.1; Logo Mood Board; 

This is our logo mood board, since the clients requested the logo to be minimalistic and playful, we searched up some reference logos that we thinks matches the requirement. The idea is to combine
the environment and bamboo element to convey the brand name and the product itself, Green Earth Movement.

Next, our group then held a short discussion on the deliverables. After some time of discussion with our own and also with our client, we came up with these:
  • Website
  • Promotional Video
  • Poster
  • Banner
  • Packaging Design 
 With that done, we then started to continue on with our work. For website, we decided on the pages that we need to design after some discussion: 

Fig 1.2; Website Requirements; 

Other members also then started to discuss on the designs of the other deliverables, below is some of our references that we found online:


Fig 1.3; Mood board ; 

WEEK 5

On week 5, we continue on refining the logo and also starting to sketch out the ideas for our deliverables and more. 

Fig 1.4; GEM logo sketches; 

Fig 1.5; GEM logo digitization 1;

Fig 1.6; Logos chosen by our clients;

Fig 1.7; GEM logo refinement 1;

While the logo is in progress, we also started to create some wireframes:


Fig 1.8; Website Wireframes ; 

For packaging Designs: 

Fig 1.9; Packaging Designs and Sketches ; 

For animation, below is the storyboard: 

Fig 2.0; Animation Storyboard ;

We then further start to decide the other elements, such as typeface and graphic elements. 

Fig 2.1; Website Typeface ; 

Fig 2.2; Graphic Elements;

WEEK 6
On week 6, we start to compile everything that we have done into a slide and start to present it to our lecturer and clients. 

FEEDBACK

WEEK 4
You might need to work faster on the logo since the business school needs it. You guys also need to remember to keep the consistency of all your designs, throughout all your deliverables.

WEEK 5
The logo needs to be more refined. You guys needs to sit down and discuss the art direction together, and also decided on the other elements in order to start the designs.

WEEK 6
It is good to have secondary colors for our clients to see. It's also nice to show the typeface chosen with a specimen to show how the two typefaces are going to look together. Logo is still in the process of refining, need to work quickly on that. Graphic elements look interesting and have potential, yet to see how they apply to our designs. The website is good to have a side map as well, so we will be clear about what are we designing. Generally is well organized, continue to work and communicate with business school students.
 

NEXT COURSE OF ACTION

WEEK 4
  • Further refine logo
  • Solidify art direction

WEEK 5
  • Finalize art direction
  • Finalize logo

WEEK 6
  • Start prototyping

SUBMISSION

Fig 2.3; Final Art Direction ; (2/10/2023)

Fig 2.4; Project Document; 

REFLECTIONS

Experience:
For task 2, I felt that it's a little hard to have a clear direction on what needs to be done. At the same time, I also felt that in this task, our efficiency is low compare to task, this may be due to how the other members are trying to complete their assignments for other modules. I also felt that we may have lack a lot of communication when completing task 2 as we were only doing our own part and only discuss about it when needed. However, this would resulted in different opinions and the ideas are not what the other members expected. With that said, I felt that discussion between team members and discussion between our clients and us are very important, in order to solidify the idea and make sure that nothing goes wrong. 

Observation: 
I observed that I did not experiment and play around much when doing designs, no matter on logo or on website wireframes. Furthermore, I also realized that I need to quickly jot down the ideas that would suddenly pop into my mind so that I won't forget when I execute it.

Findings:
I found out that the team needs to be on constant update with each other so that we knew what is going on and what the other members are thinking. Furthermore, I realized that I need to searched more than just enough reference in order to help myself to have more designs and ideas.
 

Comments

Post a Comment

Popular posts from this blog

Major Project // Final Submission

-
Image
Week 1 - Week 16 (22.04.2024 - 09.08.2024) Britney Chow Pei Jun / 0350043 / BDCM Major Project Progression INSTRUCTIONS PROGRESSION Week 1 - 2: For the first week, we started our class with Mr. Asrizal giving us a brief on what major project is. He told us that this time we're allowed to be in groups to work on our major project. Furthermore, Mr. Kannan also mentioned how we should brainstorm for our major project. After that I started to think how I should proceed with my major project while in the meantime, searching for partners. I then started to group up with Jia Yee for my major project. We then started to brainstorm for ideas, both of us have came up with all sorts of ideas, yet none of them feels like it would be best suited for us. After coming up with a few ideas we think could work, we started organizing it: Fig 1.1; Ideation 1; Week 1 Fig 1.2; Ideation 2; Week 1; ...
Read more

Game Development // Task 1: Game Proposal

-
Image
1.9.2023- 29.9.2023 (Week 1 - Week 5) Britney Chow Pei Jun / 0350043 / BDCM Game Development Task 1: Game Proposal LECTURES/EXERCISES WEEK 1 In this week's class, we are required to review a game made by our seniors. Fig 1.1; Reaper Test Game; sauce:  TDS Gamezone ; Although the graphic of this game does not feel as good as the other game in Gamezone. However, it is still nice as it uses simple shapes and design, the colors used in the game does not feel very out of place, the background also feels alright, but for my first time playing this game, I did not know about the environment of the game. Furthermore, the music chosen also able to fit in to the game itself. The story of the game is nice as there's a goal behind it. Due to the limitations the developer faces, there won't be more to the story. Moreover, the movement of the character is slightly "slippery" as it sometimes slipped even th...
Read more

Design Principle: Project 2

-
Image
11.10.2021 - 31.10.2021 (Week 8 - Week 10) Britney Chow Pei Jun / 0350043 / BDCM Design Principles Lectures and Project 2 LECTURES  Introduction A designer's role is to solve problems with effective visual communication. Ranging from personal goals to community events, and from corporate functions to world changing projects. Observation Be attentive to your surroundings Pay attention to the details and to be analytical about them Sources of observation can stem from artifacts, daily happenings, physical surroundings, and such.  An active act of acquiring information through the senses, of a subject matter in its natural setting. Senses are important for us to know, feel, understand, analyze and even plan what we want to do. Important to designers as it enables them t...
Read more