Website Inspirations

For the past few months, I've been collecting images of websites that I really liked the design of to use as inspiration for my own. I forgot to add them before I showed my finished site, but here they are now!

 

I really liked the blog feel of this one and how the right side of the site stayed present no matter what page you were on, giving the user constant information about the project.

 

 The cardboard effect here worked really nicely and was still professional.

 

I liked the clean, minimalist feel of this one and the multiple points of navigation.

 

I thought this site had the perfect mix of hand-made textures and ease of use.

 

Loved the hand-drawn typeface that acted as the header.

 

The color scheme on this one was really strong and the light feel of site is very fresh.

 

Great textures here with a distinct hand-drawn logo and navigation.

 

I liked the laid-back nature of this and the personal feel, that you really get to know him just by glancing at the homepage.

 

I liked the top navigation here and the simple three column layout.

 

I really like the header image on this one and the bulletin board feel of the whole site. It was very cohesive.

 

 This site is very fresh and bright and friendly with a nice layout.

New Website Drafts

After making the stop-motion animation, I was inspired by the hand-made look and textures that paper created. I attempted to work that look into the website for FYF. After much frustration, I just wasn't feeling it. I felt that it wasn't universal enough and some markets wouldn't respond to it so I went back to the drawing board and came up with something much more streamlined and clean, but still incorporated a few hand-made aspects (ie. logotype and header image). I'm very pleased with the final result and I think it works well to tie everything together and still appeal to a larger market.

 

First Draft with Wordpress.com

 

Second Draft with Blogger

 

Third Renewed Draft with Wordpress.com

 

New Layout with Wordpress.org

 

Final Layout with Wordpress.org!

Customer List

Customer List

View more presentations from Tessa Jonson.

Website Drafts for FYF

I have been working on expanding the brand image by trying out different web compositions. These are three current drafts.

Elevator Pitch

To Alex Goad:
Are you interested in transforming the industrialized world and making it a better place? About 25% of the UK population are trying to loose weight and be healthier, which is a staggering 15 million people. Most of them, however, will fail to reach their goals and the continued consumption of meat is partially to blame. The online service I have created, called FlexYourFood, promotes a flexitarian diet while providing free recipes, online support, and loads of information about food production to facilitate a community. When can I meet with you again to discuss this opportunity further?

To Anne Hathaway:
Are you interested in encouraging thousands of people to eat less meat? Approximately 10% of the UK population, which is 6 million people, are interested in reducing their meat intake to become healthier and to become more environmentally friendly. However, they are not interested in the limitations of and possible stereotypes associated with vegetarianism, but aren't aware of any other options. The online service I have created, called FlexYourFood, promotes a flexitarian diet while providing free recipes, online support, and loads of information about food production to facilitate a community. When can I meet with you again to discuss this opportunity further?

Digital Logo Drafts

After sketching out concepts for a "logo", I took to my computer to digitalize them and see how everything looked. Some, I was quite happy with and others, not so much.

These last two, I think, are going to be the final look of the FYF mission. YEY!

Name and Logo Development

I began the development of the brand in the most obvious way, by finding a name. After doing word association and brainstorming, I've settled on "Flex Your Food" as the name because it explains what the brand is about, it's easy to spell and pronounce, and it has a positive connotation, all of which are aspects I believe to be crucial to a successful name. After that, I began development on a logo and visual system, as seen below. I tried to sketch out as many different incarnations as possible.

Exploratory Design Presentation

Exploratory Design Presentation: Part One

View more webinars from Tessa Jonson.

Exploratory Design Presentation: Part Two

View more webinars from Tessa Jonson.

Design Brief

Design Brief

View more documents from Tessa Jonson.

Design Plan

Design Plan

View more documents from Tessa Jonson.