Thursday, February 5

Pro Practice: Creative Brief / Moodboard / Identity Sketching

Reading Response: 

2014 Graphic Design Salary + Hiring Trends

This read was very refreshing to see that there was a 3.3% higher salary rates for designers in 2014 than in 2013. Because agencies are working hard to keep up as the media landscape changes, most say they are willing to negotiate salary. More good news, design positions are being higher and higher in demand, which means that these positions with most experience are getting paid more. So right out of college may not be dipping into a lot of pay, but it's nice to know that after awhile of work experience, all of our hard work actually looks like a promising pay off. The article also states that in order to land a great job, it's important to know how to work social media, have advanced software skills, and be familiar with analytics. Overall it says that it's a good time to be a designer, so I'll probably sleep better tonight.

Creative Brief: 

Moodboards/ Rough Identity Sketches:

First concept/ style embodies use of bold color block. Solid shapes. Lots of color, but contained.

Second concept / style represents the graphic elements. The line and the shape. Grids. 
Strong patterns of shapes and lines. Minimal color (black & white with soft highlights of color)

The last concept / style hits on my sense of humor and experimental design. Crazy , in your face, embracing digital imperfection.
_sassy // glam

UX: Materials & Storyboard


We gathered all the materials we needed to make the LED light box. We were able to get most materials from HomeDepot. Other than the lights we got from ikea &  I already had the glue and the scissors which I got from an Arts Supply store here on campus. The wood and plexiglass still need to be cut to specific sizes. Also, we will be using white paint, but are planning on getting some left over from a friend to save a little money. & we might need to get some wood glue as well. 


_3/16" 2x4 Temp Hardboard 
_Sheet of Plexiglass 
_Wooden support
_White electrical tape 
_wood glue

_Dioder LED lights

(Art Supply Store)


Rough Script for Voice Over

(intro) You ever have an idea spark when you're at home late at night? With no access to a light table and no sunlight shining through your window, that idea may very well pass you by. You need your very own light box at home so you can always let your creativity run free.

(materials)You can get all the materials you'll need with one trip to Home Depot and Ikea. The rest you'll probably have cause you're a creative genus. But if not, just grab them at your next run to the art supply store. We're gonna tell you where we got all of our materials specifically but feel free to make it your own. 

(steps) Step 1: Get all of your materials! At home depot pick up a temp hardboard, sheet of plexiglass, wooden support, white paint and white electrical tape. At ikea, get Dioder LED lights. & grab some scissors and glue. 
Step 2: Cut your wood. 
Temp Hardboard: 12 x 20 inch
Plexiglass: 12 x 20 inch
Wood Support: 20 inch wide
Again, you can tweak the measures to fit your needs!
Step 3: Once you've cut everything, paint the wood white so that the light will reflect best. 
Step 4: Once the paint is dry, using wood glue place the wooden support onto the top of the wooden base for your ideal height/ angle to draw.
Step 5: Once the glue is dry and secure, set up the LED lights. Place the light strips parallel to each other. Make sure they are placed so that the light is distributed evenly. 
Step 6: Tape down wires.
Step 7: The final step is to place the plexiglass sheet on top of the wooden support. Don't glue or tape down, just place it on top and you're done!

(ending) Now simply plug it in / flip on the switch and start drawing. Now anytime that an idea strikes, you'll be more than ready! 

Rough Graphic Elements / Visual Ideas

(intro / materials)
Live action: At the beginning of the video we're thinking of someone frustrated trying to trace at their window but can't see. Then they sit at their desk / table and the finished light box appears in front of them which makes them happy. 
Graphic Elements: Show stores and where to go to get the materials being shown. 

(steps to make light box)
Live Action: Shows someone putting together the light box. Camera will shoot from front (showing full view of building process), birds eye (showing up close hands making it as if they are looking down at their own hands building it). 
Graphic elements: emphasize measurements, placement of things, etc. 

Live action: Show someone close up plugging in & turning on switch. Time lapse of person using light table to creative a drawing. 
Graphic Elements: illuminating the finished product. 

Tuesday, February 3

Pro Practice: "cleaning up"

professional pictures

These photos were taken by my friend / photographer, Sinjun, for a fashion blog's look book. I know they're not traditional head shots but I thought I would share as an option. They have a very professional appeal and I like the way I'm being portrayed. 

And here are some head shots that Myles' took during class on Friday. I just don't know if I like the traditional studio set up to portray my personality. But I figured I should have some for back up anyway. Although the black and white is totally me. 

Updated profile pictures on my google account (email) and Behance (online portfolio) to upgrade my online professional presence.

project descriptions:

Thankfully I went through and visited my project descriptions on Behance. So they have all been added to my online portfolio. I also made a word document with all of the descriptions in one place so I have it all together and ready for when we start building our websites. Here's some screenshots of that: 

By the way:

I did some other "pro practice" things. I emailed Rachel Krause, the woman who I interned with last semester at BikeWalkKC. She had offered before to write me a letter of recommendation. I mentioned to her that I'd like to have one on file to use for future opportunities in this class, so I should be getting one soon! Yay. 

I'm also communicating with BikeWalkKC to help them out with some (paid) design projects. I was offered a position there for this semester but everything's up in the air as the woman who offered me the job and Rachel, who I worked closely with, both left the company. Anyways just trying to keep my networking open. 

Monday, February 2

Info Arch: Digital Wireframes / 2 Concepts

In response to my group critique today, I took the "endless scroll" and "flow chart" ideas & put them together. This layout would appeal to young adults due to the trendy square photographs and scroll motion that we are used to on smart phones. Note that the blank squares are place holders for a photograph that represents that article / story, it will have large type (title) over the image.

home screen; showing general layout. Flow chart is to the far left, just showing the things that will always stay in that section: the logo, social media links, and subscription option. Next to that is the column with links to different pages within the website. The home page will act like a "news feed" just showing different stories from all different sections. 

food & farm section; this shows what happens if the user hits the food and farm tab. The "news feed" with scroll down till it hits that section. The "flow chart" will show you what section you're in, and the column will highlight the section chosen with sub-tabs under that section. 

article within food & farm;
the article the user clicks on will pop up over the "news feed" and the user can scroll within that box. The "flow chart" will show which article(s) the user viewed within that section.

switching to another section; this scenario shows what happens when the user switches to another section. The 'flow chart" just keeps adding onto show the user's history, enabling them to return to previous sections or specific articles within that section.

UX: How to Video (Concept / Look)

Inspiration Videos:



Sunday, February 1

Info Arch: Wireframes

Concept 1: Image Heavy / Seamless from one pg to the next
Removing the top bar/ side bar instead
endless scroll, every tab just scrolls down/up to hit that section

Concept 2: Going off the idea of taking out the sections of the paper you want to read / personalize 

-toss aside parts you don't want or are uninterested in. 
-minimal "news feed", you see what you want to see
-color block

Concept 3: flow chart layout // trying to cancel out how many clicks the user has to use to navigate by adding in a "show all" option
-seemed like a good idea at first but I think this is the weakest of all the concepts because it gets to busy with all the options shown at once.