9.1 [Work in Progress] Thesis 1: Major Project / Thesis Materials

Start Wireframing.

Refine Deliverables

I continued to refine posters and billboards. At the same time, I found some problems during my communication with the professor: While promoting this visual element, I found that something needed to be added to the entire system. I added elements that I might use in the one-sheet but only used few components. There were only color blocks and the characters I created for the brand, but no photographies or other visual elements to support the visual guidance. I need to think more about how to solve this problem.

Booklet

I start thinking about the centent of booklet. What do I want this for? What is the goal?

Wireframes

What are wireframes? Well, they're like the skeleton of your project—a simple, stripped-down version that shows where things go without any fancy details. No colors, no pretty fonts, just the bare bones. It's a bit like planning the layout of your dream house before you even think about paint colors.

So, we had those task flows that spelled out the major functions of the project. Now, it was time to bring them to life visually. I took each step from the task flows and translated them into very rough wireframe screens. Think of it like drawing the first draft of your project on a digital napkin. These weren't meant to be detailed masterpieces; they were more like sketches that gave a sneak peek into how the project would look and feel.

These wireframes were all about simplicity. No need for fancy details or intricate designs. I wanted them to be clear and easy to understand. It's like drawing a map with big, bold arrows—no room for confusion. Each wireframe represented a step in the user's journey, a visual guide to show what the screen would look like at each major function. These rough wireframes were a way to test if the major functions made sense visually. I could spot any potential road bumps and tweak things before diving into the detailed design phase.