Design Work Flow


     This is my process of creating an informational flyer for incoming ninth- graders. For this project, I completed the four mock-ups that are embed from Flickr. The first two images below are the two digital versions, then below those two are the two paper drawings. The initial idea of my flyer from the beginning turned out different due to all the reviewing and redesigning I did. First, I had a rough idea of how I wanted it to look like, then the measurements, and finally adding text and colors.

Workflow Defined

Step 1: I brainstormed a few ideas that I could easily create with Adobe Illustrator.

Step 2: Next, I sketched my idea down on paper.

Step 3: Then, I printed my two pieces of paper with the dotted lines.

Step 4: After that, I began adding in color and some text.

Step 5: My final design was my revised version of the digital mock-up, but more improved.

Final Digital Mock-Up

Screen Shot 2015-01-30 at 10.00.06 AM

This is the result of my final design. I think it went well, but came out more different than what I expected. For each course, there is a sentence describing what the student will be interested in. The top two rectangles in the picture are going to be the front and back of one paper, and the last two pieces for the second paper. It took longer during the beginning with getting all the measurements down, which slowed me down towards the end. I don’t have that much experience with Illustrator, so it made it harder to work with. I would have probably changed the sizes of the flyer, so it would have been easier to put information in.

First Digital Mock-Up

processSince my very first design of my flyer, I changed and removed some of the text. This image represents my design half way through. I’m still planning on adding more text also by replacing the instructors for each course to a one- sentence description instead. The hardest part so far was the measurements of each paper and dividing each into four boxes. The tutorials for Illustrator helped me a bit with shortcuts and the text.

Revised Paper Mock-Up

This image is a draft with dotted lines only. So far I finished the measurements for the flyer to fold.


First Paper Mock-Up

These two pictures are the front and back of my flyer. There are the four categories with four colors for each. So each color corresponds to the topic on the other side of the flyer. Next to each category is a picture, summarizing what the category is about. The other side of the flyer is in more detail of each category, listing all the courses that are available. I’m planning on having the “For more information, visit Capital course catalog” sentence on the other three pages, so if the students are interested, they can find out more about the course. The flyer can also be fold-able in various ways.

What I Learned

 I don’t have much experience using Adobe Illustrator, but this project helped me become more familiar with it. I learned the main parts about text, colors, and adjusting the sizes of art boards. I also learned more from just using the application over the course of the project, that helped me improve in the skills to use Adobe Illustrator. An obstacle I came to was making the headings and paragraphs have the same styles. The tutorial for this guided me through my project faster and I ended up learning something new. Lastly, I learned the components for creating a brochure that will interest a reader’s attention with key information.