Archive | 'course information'
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.
My style guide is on the DVD that was turned with the printed Style Guide.
Individual pages
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.
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.

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.
As I started sketching I focused heavily on concept.
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.
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.
list of websites that influenced the design of my own.
Research for this was interesting,
I enjoyed looking at other sites and seeing how they worked. One of the best ways i found for researching this was not only looking at other sites, but also see what how others are accomplishing their own sites. I have also found that see what other designers are trying to fix and what kinds of things they are posting about online. I also have looked in to other books such as Don’t make me Think a book on basic web usability.
This is the Original Gray box for the site












