my final site

visit www.tessastevenson.com !

New menu

New menu layout, vertical with gallery links at the bottom of the list. Works well within the gallery because people do not have to move far between the hover bar and the links to other galleries, so in that way it is actually much more functional than my original spry so I am happy with it.

Spry menu issues

This was my original spry menu from yesterday. After going live and discovering the spry was not visible on safari browsers (but was okay on every other) I decided to redesign the menu, because I couldn't leave it as it was not functioning on Safari. From there I designed a set menu.

Cybele

http://www.cybele.co.nz/collection/

Simple, clean layout, clickable thumbnails. To the point about page, but not sure if the grey box is necessary? would look fine without it.

james jean

www.jamesjean.com

James Jean portfolio site. Like the obvious display menu where you can navigate to any piece of work from any page. Nice large scale images too.

edited images

I re-photoshopped my enduse image for my length yesterday to prep it for the gallery. Unlike the original enduse I am only using a single image, at 550 by 400 pixels having multiple images in the gallery would defeat the point and the textiles would not be recognised.

home, about, links

Home, about and links page layouts. All done, but may add a couple more links

Last gallery

All galleries just about done now!

Layouts and image swap

Two gallery page complete, wallpaper and digital. Really happy with how they are looking and working with the swap image so far

homepage image.

This is an image I am playing with for my homepage. The birds would be black and white sketches and would turn colour in the rollover.

page layouts

I am least happy with the homepage, really need to think about the image and the rollover change. Also need to experiment with the shades of grey of the text, and what text is a priority on the page. Limit amount of caption info and maybe justify text? I am considering an arrow or 'hover' prompt near the colour bar so people know to rollover it. Homepage needs the most adjustment at this stage.

Gallery layout

Gallery layout design for length project. The colour bar at the bottom will be what you rollover to change the large image. Not sure if I should add arrows?

moodboards for site

Here are the moodboards for my digital and length projects. I want to show a range of work on my site, and for each project cover content from inspiration through to final works. These moodboards will be the first image of their gallery pages .Wallpaper mood yet to come.

image swap

Image swap exercise i forgot to post the other day. Definitely think I will use this technique in building my final site.

site map

I have simplified my sitemap a lot. From the home page you can get to every page. Since learning the image swap technique, I will have that on each of my gallery pages, so I will not need a page per image. I am trying to keep it as simple and cohesive as possible.

sitemap

Sorry about the crappy quality of the image. This was my first quick sitemap drawing, revised edition coming....

homepage layout revised

Same homepage layout, but with subcategories under the gallery prompt, so you can go straight to the collection you want to. The large square images are in line with the menu.

homepage2

Same page as the last, but with square images instead. Liking it, I think it would work better with my gallery layout, as i have used square thumbnails.

homepage layout mock up/ ideas

Three large-scale images in a row, with rollovers, maybe having them at a low opacity and as you rollover they become totally opaque. Could make them squares instead? will trial that

quick layout mock ups

This is the gist of my gallery page layout. The white box is where the content will sit centrally within the browser, the black boxes are the image and thumbnails for the gallery page of a particular collection, aligned right. Menu on left. Name as header. Contact in footer

Collette Dinnigan

http://www.collettedinnigan.com.au/

Collette Dinnigan site is interesting, it does not have a set background colour or consistent design. The page changes depending what you choose to go into, for instance the spring 2009 prompt takes you to a page with a white and grey background that evokes the mood of the collection, in comparison to the black homepage. Individually, the pages look nice and are functional, but as a unit the aesthetic is quite varied. I would like to make a more cohesive site, a neutral canvas for a variety of my work to be displayed.

Marimekko

http://www.marimekko.com

The Marimekko site is a good example of categorising apparel and interior projects from one another. I like the grey text on white background a lot, and the fact that the Marimekko name is the only element always in black- making it the standout feature. Also the rectangular grid layout once you get into the collections is simple and a decent size to view a range without having to click into separate pages, though you can click in to see the garment full size if you wish.

Ruby

http://www.rubynz.com/default.aspx

The Ruby website is very cute, with hand-drawn aspects with a delicate, feminine colour palette that reinforces the image of the brand. The roll-over on the line drawings turns them coloured, which is a clever feature.

Carolina Turra

http://www.carolinaturra.com/

Quite graphic looking, high contrast. One image per page in portfolio part,and arrows either side to flick through them. Simple, predictable layout that works and is still visually stimulating.