Design Exploration Project Development
02/05/2023-04/07/2023 (Week 5 -Week 14 )
Brigita Maria/0352958
Information Design/ Bachelor of Design in Creative Media
3D render by Trophim Lapteff
INSTRUCTION
After getting approved in my proposal, I started to continue the progressions.
Inspiration 💫
In these weeks, I did the illustrations and vectorizations of all the objects and background. Using inspiration and ideas from pinterest and then also AI picture generator.
Figure 1.1 Cold Aisle (Vegetable and Meats)
Figure 1.2 Dry Aisle
Figure 1.3 Top view of receipt
Figure 1.4 Side view cold aisle vegetables
Figure 1.5 AI Generated Front view Supermarket
Vectorization and Illustration Pt.1 (rough outline and initial coloring) 👾
Figure 2.1 Front view dry aisle supermarket
Figure 2.2 Side view
Figure 2.3 Side view
Figure 2.4 Cold Aisle
Figure 2.4 Cold Aisle
Figure 2.4 Cold Aisle
Figure 2.4 Cold Aisle
Figure 2.4 Cold Aisle
Figure 2.4 Cold Aisle
Figure 2.4 Cold Aisle
Figure 2.4 Cold Aisle
Vectorization and Illustration Pt.2 👾
Figure 3.1 Main entrance of Supermarket
Figure 3.2 Inside main aisle
Figure 3.3 Dry aisle for vegetables
Figure 3.4 Cold Aisle for drinks
Figure 3.5 Another aisle for sanitary products
Figure 3.6 Close of of drinks
Figure 3.7 Close up of shampoo
Figure 3.8 Close-up vegetables
Figure 3.9 Close up chicken
Figure 3.10 The trolley with the groceries inside
I did my best to pour out what my initial idea is into a reality by using my own skill. Although it is still quite different from what I imagine it to be, but I did my best to make a design that can represent my thoughts.
I wanted it to be more interactive where I can drag the foods inside the trolley and stuff, but I think this needs more advanced skills to fulfill it.
Week 7-9 Figma📷
Then I put all the vector illustrations into Figma. to determine the frame counts and the flow system of the interactive website. Also figure out if we need more illustrations and vector assets; steps to make the flow better.
Figure 4.1 Screenshot of Figma flow
Figure 4.2 Animation prototype flow
Video 4.1 Small animation of the close up product
Video 4.2 Overall
Week 9 Mytiger
Honestly I did it in a hurry, but managed to do it :)
Figure 5.1 The Poster for competition
Figure 5.2 A screenshot of my email to the mytigervalue
Mine did not win the competition though.. but its okay.
Week 10 Milestone
Week 9-Week 11 Texturizing🤠
Figure 6.1 Photoshop to texturize all the assets
Figure 6.2 Texturized page 1
Figure 6.3 Texturized page 2
Figure 6.4 Texturized page 3
Figure 6.5 Texturized page 4
Figure 6.6 Texturized page 5
Figure 6.7 Texturized page 6
Figure 6.8 Texturized page 7
Figure 6.9 Texturized page 8
Figure 6.10 Texturized page 9
Figure 6.11 Texturized page 10
Figure 6.12 Texturized page 11
Week 12-13 Continue Figma
Figure 7.1 Figma