Type II // Sustainable Packaging / Balaleet in a Box

Balaleet in a Box.

The box comes with the main ingredients and the recipe for Balaleet; a dish that’s a part of  the Qatari culture & tradition. The main objective of this product, is to create a sustainable package for the ingredients, that can also preserve it for a long time. I packaged the ingredients in reusable airtight glass jars so they can reach their maximum shelf life. I packaged the jars in between recycled paper shreds to keep them from moving around in the forest sustainable wooden box. The box comes with easy and fast upcycling ideas that anyone can do. This way more people will be encouraged to upcycle and reuse rather than throw away and waste packaging material.The product is aimed at foreigners and tourist. For tourists to take home with them as souvenirs and gifts, or for foreigners to buy it as a treat for themselves. That’s why the product is packed in high quality wood, to give it a higher end status that can be presented as a gift.

The main type is inspired by the curved form of the vermicelli. The rest of the type is based on the geometric and condensed structure of a box, with a handmade twist, to link it to the handmade craft of the box and the food. The colors are inspired from red saffron dissolving over the yellow vermicelli, which also inspired the use of watercolor for the name of the product, and the illustration styles.



Imaging I // Branding / Final

Final Organic Market Poster

Organic Market | Imaging Project 2.jpg

Paper Bag Sample


I really enjoyed working on this project and drawing all the vector illustrations. By making iterations of how I crop the illustrations, I found the distinctive feature of the product. I learnt that a limited color palette for an identity unifies the system and the brand a lot more. That a logo should be intentional and simple, and that less is more.

Type I // Project Poster / Final

Final Type Poster


Alignment Grid

Poster FINAL.jpg

  • I used the word as an organic grid to place all my other typographic elements.
  • I aligned the sentence with the beginning of the letter (د) and the end of (ق). I then optically adjusted the alignment, because the (y) had a slanted line not a vertical line, and the (T) has space between the vertical and the horizontal line, so I aligned it to the vertical line of the (T) so it can optically look aligned.
  • The sentences’s font is condensed to contrast the action of wandering off with the idea of confinement and restrain.
  • The parrot is wandering off upwards, as if it was really flying away.
  • The distance between the descender of the parrot and the edge of the green mat is equal to the distance of the ascenders of the sentence to the edge of the mat.
  • I aligned the paragraph to the negative space of the (قة).
  • The spacing between the baseline and edge of the mat is also equal between the second and third part.
  • I placed all the commas in the paragraph outside the alignment.
  • I broke up the paragraph into three parts, the first is about the universe, second is about earth and third is about nature in general. So that’s why I placed the last part below the green mat, because the first two are more specific, and the third is general.
  • The paragraph’s font is very simple and calm. It has rounded edges and sharp terminals. It balances both the idea of nature by being organic and round with the idea of precise by being sharp.
  • I aligned the angle of the identity and the type with the angle of the clock repair tool. The type is aligned and starts and ends to the black edge of the identity.
  • I placed the typographic elements more on the top right corner of the poster, and on the bottom left, to balance out the overall poster.
  • Because the top is more left heavy, and the right side was empty, I placed the second level of type hierarchy on the right to balance the left side of the gears. I placed the third level of type hierarchy, the paragraph, on the bottom left. It was a smaller type size but it had more type, so it balanced out the surface area of type on the top right.
  • The identity was placed near the tools, so that it can balance out the left side of the clock hands.
  • All the typographic elements are simple, so they can balance the busyness of the image poster.

Things I Learned & Discovered:

  • Creating iterations for type is really important. Small changes in type can make a big difference. Because when type is aligned well, it looks much better, because it fits in and creates a relationship with the space it’s living in.
  • I noticed throughout this course that even though typesetting was tedious, after spending some time doing it and making small changes, it became therapeutic and calming. Kind of like coloring or any repetitive job, at first you don’t love it, but it then becomes calming.
  • This poster was much easier to create, because I applied all my previous knowledge of type in it. However instead of thinking about a blank page, I had to understand how to activate a page that already has other elements. I found that finding a balance between all the elements, and aligning them to each other, helps a lot in combining the visual and typographic elements.
  • Adding kashida manually creates a much better justified paragraph. Because you decide where they go and which words to add them to, so that you emphasis the words that have meaning rather than the connecting words, which the computer won’t consider.

Type I // Project Poster / Week 1

For this project we had to combine all the work we did this semester in Type 1 in one poster. So I first collected all of my best elements I previously created; the letters, sentences & paragraphs and kept them in one file, so I could work more efficiently.

I then took my best compositions and placed them on top of the image poster. However I realized straight away that it won’t work, because it didn’t work well with the components of the image, and it fit in awkwardly. So I decided to only use the fonts I used for my compositions, because they were informed choices, but compose them on the poster differently to respond to the elements that were already there. I made multiple compositions and iterations of those compositions to explore the possibilities and outcomes these elements can create together.

First Compositions

After we got feedback, most of us didn’t consider that our final poster would be an A1, so all our type was going to be really big on the final poster. So I first resized all of my type to the right size, so I can know the scale and overall shape of the type compared to the elements in the image. In my first composition I experimented with different ways to separate the parrot from the sentence. For the second compositions, I choose my best three. I then choose the composition with the single line sentence and created iterations of it. I liked it more because it was really simple, and it contrasted the image really well, because the image has many elements and is quite busy.

Second Compositions

I choose to tile this one, because raising the parrot above the sentence baseline imitates how parrots fly, or wander off upwards. The paragraph is simple and aligns with the empty space between the (قة).

Tiled Composition


The final critique helped me finalize and refine my poster. It was brought up that I should raise the parrot upwards more, and I should lower the identity, because it looked like a flag. I didn’t notice these two at the smaller A3 scale. However as soon as Law pointed out the flag, I couldn’t not see a flag. So I brought it down more, so it breaks the gestalt, and the idea of a flag. I also moved the name closer to it to align with the black area of the identity. When Leland pointed out the parrot thing, I noticed that it looked wrong because it looked too grounded when it was placed on the edge of the green mat, and that it should be higher to imitate the action of wandering off.

Design Tech // AfterEffects Animation / Final

Space Projection

Space Projection AE Animation (Loop x 3)

Things I Learned & Discovered:

  • Simple animations can be more interesting than complex ones.
  • Simple movements and effects can create interesting moments.
  • Experimenting and playing with effects and presets created happy accidents even in animation.
  • Adding sound helped inspire and guide me through what movements and which shapes to animate.

M+P // Deconstruction / Final

Final Installation Photos & Video


Intentions of Our Choices:

  • Two Cups with a Connected Tube

Resembles two cups with string attached; childhood way of talking to each other, indexes communication.

  • Silver Foil Tube and Cups

Aesthetic resembles materials found in spaceships, indexes the visual language of space. Distortion caused by the silver cup indexes the distortion of gravity.

  • Complex System of Tubes

Symbolizes parallel universe and space. It allows the audience to think that they all will be able to send the ball through. However only two groups would be able to send and only two groups would be able to receive and decode.

  • Hanging the Installation with Invisible Thread

Illusion of floating installation, symbolizes gravity, make them feel as if they are in space.

  • Space Footprints

Used icons of a space boot foot print as a path guide, so it works well with the aesthetic and theme of space.

  • Coded Messages

Borrowed the idea of communicating with codes from the movie, Interstellar. We choose to make a pragmatic, simple code so that it can be understood by a wider audience.

  • Messages of Affection

Allows the groups to communicate affection, like the movie. Gave the senders a different set of messages than the receivers, so they can decode the message they receive with the chart, not by using the list of decoded messages we gave them. Also the act of choosing the message to send through would require the group to work together.

  • “7 People” Label

Uses a distorted font which indexes the distortion of gravity.

  • Font

We used the same font, Univers, in all our printouts except for the floor labels. The name of the font links back to our theme of space.

  • Space Posters

Cropped into three panels to look like screens or windows into space. Labels add detail of location in space. The planets and black hole are links to the movie. The death star moon and Vulcan planet are fun easter eggs.

  • Location

We choose the library because in the movie she received the codes near a bookshelf. Libraries have books, and books are a form of communication. They also can mentally transport you to another time and place.

  • Lighting

We closed all the lights in the library, and just kept the spotlights on the installation and poster. It helped focus the attention on the installation itself, and it made the atmosphere feel a bit more like space.

  • Sound

We played the Interstellar soundtrack as background music to link the installation and experience back to the movie. It also acted as a way to set the mood, and make the audience feel more affectionate.

  • Layers

Because our audience is broad, we created layers within the experience that can be understood by different people. The simple code can be understood by everyone. While people who are more into sci-fi movies would notice the easter eggs on the space poster, and would think of gravity distortion when they see their distorted selves in the reflection of the cups.

Ideas, Thoughts & Discoveries:

  • This project made me realize that when your making and designing an interactive experience, you should engage everyone in your audience, by using a hierarchy to break up your message. The main point should be developed as the simplest form of signs, so that you can reach a wider audience. Then you can use the supporting themes to reach a narrower audience within the wide one.
  • I found myself throughout this project planning, recording our thoughts, discussions and plans, coordinating with the library and getting the materials for the installation.
  • Throughout this course and especially this project I found out that materials can help lead and shape a project.
  • The silver tube material lead us to plan on connecting other tubes around the main tube to make it look complex, so the audience can’t figure out which side would work at first.
  • I learned to let go of my ideas, and be open to changes in ideas and plans.
  • I found that having discussions is a really important part in developing ideas and solving problems. Because through discussing ideas thoroughly, you let go of the bad ones, and you can find solutions to problems that you wouldn’t have thought of on your own.
  • Compromising and refining ideas and plans lead to our final plan for the installation.
  • You can’t control everything in real life. I learned to adapt and work around problems that we faced in production.
  • When we ran into the difficulty of balancing the tubes on Saturday, I was starting to doubt if we would be able to achieve our initial plan by the deadline. However I really wanted it to end up with all the complex tubes attached, rather than just the two main tubes. So when we kept trying and it actually came together the way we wanted it the next day, it was much more rewarding. So I learned that I should always try and figure problems out, and I shouldn’t give up.