Author Archives: Timothy Hansen

Warrior Writers Desktop & Mobile Website Designs

HANSEN_Tim_Final_Website Hansen_Tim_Mobile_Fianl Hansen_Tim_Brief

Design Strategy

I chose the Warrior Writers because the organization in a national nonprofit based out of Philadelphia, Pennsylvania and its website is crowded with a lot of text that rolls from one topic into another. My idea was to separate the key communication points of Warrior Writers and transmit them in short bursts of text similar to radio message traffic. The photo of the soldiers in the header is intended to evoke an emotion, a thought or a memory from the viewer. Since most wars are won by occupying ground space, I used a stoney soil pattern as the background and various shades of brown throughout the site. Though all viewers are welcome to read and donate this website, the intended audience is veterans – male and female—of all ranks, branches of service and wars for the purpose of learning how to write and publish their military experience. By using a sharper typeface without serifs and military imagery that would catch the eye of veterans, a viewer will scroll down the page and realize the emphasis is on writing for this group.

The mobile version presented a different set of challenges, namely scaling photos and text to fit the smaller dimension. I had to reconfigure the toolbar using the “hamburger” icon to pull up other sections. Social media icons also had to be repositioned to create a better balance of the icons on the navigation bar.

Three following three website influenced my design for this project because of their sense of color, innovative graphics and fundamental appeal.

  1. “A Stranger to Words” by Meng Chin Chiang
  2. “Stand Out” by Denise Chandler
  3. “Remember Your Dream” at discoveryshadow.com

 

Tim Hansen Poster

POSTER.SVWG.5

The dominant visual is the pencil as the road to recovery. The pencil and the road form the visual metaphor that connotes a way to healing. The orange lettering in the header is symbolic of Syracuse University and also signifies that the workshop is held on the SU campus

The aspects of this event that would attract vets are the groups’ s name at the top left, the visuals of the pencil and road and the date/time and address block at the lower right. The hash tag “#STOP 22” represents the grim statistic of 22 veteran suicides per day in the U.S. and the need to stop this senseless loss of life. The visual and the text are meant to convey  writing as a way to recover from troubling or debilitating emotions arising from traumatic brain injury, moral injury or any debilitating mental state that vets may have experienced during their time in service.

Hansen, Tim – Photography

IMG_2328

 

Color: Orange on Black

Geometric Shape. Arches, rectangles, circles and lines are in this building wall

Geometric Shape. Arches, rectangles, circles and lines are in this building wall

Moment. Kicking a soccer ball on Shaw Quadrangle.

Moment. Kicking a soccer ball on Shaw Quadrangle.

Rule of Thirds. Tiger lilies in lower right with sandstone wall in background.

Rule of Thirds. Tiger lilies in lower right with sandstone wall in background.

Framing. Sidewalks framing sculpture "The Saltine Warrior."

Framing. Sidewalks framing sculpture “The Saltine Warrior.”

Hansen Resume Project

HANSEN.TIM.RESUME.25

 

Since the majority of the letters in my first and last names is linear, I wanted to give a vertical fell of ascent to my resume. The idea of a flagpole with my last name as the top banner came to me as I tossed and pushed words and text boxes across the page. The black line along the left margin leads the eye down the flagpole to the other banners on the page: Experience, Skills, Education, Honors. I wanted to create the effect of banners snapping in the wind as a way of saying who I am by staking my flag in the ground.

I chose Futura Standard-Book throughout the resume because of its simple but elegant appeal to the eye, its crisp lines and its straightforward look. The linear feel of this typeface worked well in creating the flagpole effect.

Tim Ferguson & Tim Hansen Found Typography

IMG_0023 IMG_2139

 

Tim Ferguson – This experience truly adds to the fascinating nature of observing topography in our area.  I would have liked to have traveled through the city itself, but I found that many chain restaurants and stores use topography in an effective way to entire potential customers.  Even though some of the typography and fonts used my have an element similar to that of cartoons it is still very effective on the eye and in the marketplace.  The letter that caught my eye the most was “J” which is used as the logo for the Joslin Diabetes Center on East Genesee Street in Syracuse across from Nottingham HS.  It kind of reminded me of the typography used in the past and currently by the Toronto Blue Jays (search the Toronto Blue Jays on SportsLogos.net), and displayed a unique shape for the letter.  It also could be looked at like veins or arteries in near the heart.  This was a very cool assignment overall, and reminded me of a geography course regarding architecture that I took in my first Masters program about 10 years ago!

Tim Hansen typography in Rochester, New York. I canvassed the streets on the East End of Rochester and found a wide variety of fonts on buildings and walls. I particularly liked the typography from wall advertisements of 70+ years ago. They are classic fonts that complement an image that first capture the eye. Of all the fonts, I liked the letter Z as a neon light. I found it while walking along Monroe Avenue in the adjacent town of Brighton. The orange glow paralleled the sunset colors in the sky.

https://www.flickr.com/photos/organize/?start_tab=one_set72157655390247410

Expressive Type Exercise

HANSEN.TIM.EXPRESSIVE.TYPE.1HANSEN.TIM.EXPRESSIVE.TYPE.2HANSEN.TIM.EXPRESSIVE.TYPE.3

Since verbs were the focus of this exercise, I chose crisp and simple fonts — Futura, Condensed Medium for the first figure and Avenir for the second and third figures. I chose these fonts because they seemed athletic in appearance and more able to convey action. I kept the size of the letters between 36-48 pts.  I wanted to draw the eye onto the page with the smaller size. I chose action simple action verbs for the sake of clarity.