Friday, February 27, 2015

site map: telling a story



So my main idea is to create a site that tells a story, that engages the user so he/her can get to know about my work and about me without feeling like they are just looking at a portfolio page. The visual concept is to create a eerie site that contains seem less interactions between the object that create an ethereal experience while at the same time it is successfully communicating my message.

Wednesday, February 25, 2015

Portafolio-Website Inspirations

Inspiration websites

http://www.rleonardi.com/interactive-resume/
This one I like mainly because of the level of interaction and large scale perspective+ inventiveness of the way the portfolio is being shown.


http://www.rosielees.co.uk/
I think this one possess a very nice organization system (I'm diggin' its grid) It is a bit crowded but that may not necessarily be a bad thing in this particular scenario.


http://pollenlondon.com/
I like this one because of its simplicity and purposeful design. Big on imagery and really refined typographic gestures.


http://www.kendraschaefer.com/
I really like the way the space is used in this one, and how it reflects her exposure to asian design.


http://www.adoratorio.com/
This is probably my favorite, I love the usage of parallax and how it embraces trends to display their knowledge and they use it and merge them in new ways.


Monday, February 23, 2015

USA Today: Website Designed

Keivan Stark

He is a young professional that likes to be informed about the daily news. He works at a law firm but specially in the area related with economic related litigations. As hobbies he likes to play tennis and assist to social events. He is also a fan of architecture and design culture.


Task 1: Select a category. From this point Keivan can either click a section or any particular article that he would like to see. He chooses the section option.


Task 2: At this stage he is offered the possibility of browsing through the news pertaining to this section. He also has the option t open up a live feed which can be either radio, video or even a chat were a current story is developing. He is curious about one of the live feeds so he decides to explore that story before opening any particular article.


Task 3: Here he watches a live coverage connected to a particular tv news station. The live feed provides general information about the story as well as a live chat option. At the bottom there are some articles related to the topic displayed in the live feed.


Task 4: Now he proceeds to open up an article, at the bottom of the article he can find more articles related to this topic.


How to video feat. Sara+Nick: Final

Friday, February 6, 2015

UX Wonder Lightbox: Progress

Materials have been gathered


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. 

Materials: 

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

(Ikea)
_Dioder LED lights

(Art Supply Store)
_scissors 

Storyboard: 

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. 

(ending)
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. 




Self-Brand: First Stage of Development

What is the problem?
Employers don't know me as a designer.

What am I creating?
A set of artifacts that help to promote myself as a professional designer

Who is the audience?
Primary: Potential Employers
Secondary: Clients, other artists, the design community.

Who is the competition?
Other designers looking for a job.

What does the audience believe right now, what do I want them to believe?
The audience ignores my existence mostly. I want them to believe that I am a competitive and unique Graphic Designer.

What's in it for me?
A job, income and professional realization (for now)

What keywords describe me/my body of work?
Ornamental, Spiritual, Poetic, Thoughtful, Mystical, Versatile, Graphic.

What do I want the audience to do?
Look at my work, be impressed/enjoy it and hire me.



Sketches


Moodboards