Author Archive

scottjraney.com

by scott

scottjraney.com

A.02-Typography

by scott

For the typography on my site I decided to venture into the world of Typekit.

Upon first using type kit I was a little bit disappointed. There are lots of faces to choose from, but not many good ones. The FontFont put a whole bunch of faces on Typekit, including Meta Serif and Sans.
So I used Meta Sans for my site and it’s serif for body copy.

Typekit is very easy to use and is fairly cheep compared to purchasing an individual font and the buying a web license on top of that. The only drawback I could see with type kit is doing client work and creating mock-ups as the fonts can only be applied live.

Typekit

A.02-Style Guide

by scott

My style guide is on the DVD that was turned with the printed Style Guide.

A.02-Mock-up

by scott

Individual pages

about

blog_mock_up_16_col

contact_mock_up_16_col

indiv_work_mock_up_16_col

work_mock_up_16_col

As I began to design my live site I found that many of my designs were not functional on the web. I learned that my page had to accommodate for scrolling better. Also, at one point I did have a homepage mock-up but in the process of trying to come up with a more scrolling friendly site. I saved a blank page version of my homepage.

A.02-Imagery

by scott

I started the imagery for my site over the summer break. I new I would be building a personal web page and need photographs of my work. I decided that I would use a black background. That seemed to work the best with my work.

for examples of imagery please visit my website.
scottjraney.com

I then started creating my logo based upon sketches I had done, which can be seen in my previous post.
logo

I used Clarendon Light for the logo. I also wanted to have an icon aspect to my logo simply for functionality on places that I could not fit my entire name.

Other imagery was not necessary because I did not want to detract from the content on my site.

A.02 Thumbnails

by scott

As I started sketching I focused heavily on concept.

sketch-1

I realized that I did not want people to focus on my site but wanted them to focus on my work and portfolio. My website needed to be a vessel that beautifully displayed something else.

sketch-2

sketch-3

These sketches became more focused on functionality. The next sketches are when I really got it nailed down, page by page. I also started establishing what my logo would look like.

refined-sketch1

A.02 Structure

by scott

structure

A.02 Research

by scott

list of websites that influenced the design of my own.

Working live from Dreamweaver

by scott

I figured out how to work live in WordPress through Dreamweaver. If any one would like me to show them how to do this talk to me Monday in class.

site overview

by scott

The purpose of my site is to get me a job with a design firm and also to generate freelance work.