Home, about and links page layouts. All done, but may add a couple more links
Tuesday, June 30, 2009
Monday, June 29, 2009
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
Thursday, June 25, 2009
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?Wednesday, June 24, 2009
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.
Tuesday, June 23, 2009
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....Monday, June 22, 2009
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
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
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.
Sunday, June 21, 2009
Ruby
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
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.
Stacey Mayesh
Fashion stylist Stacey Mayesh's website is minimal, contemporary, and easy to navigate. I like the split-screen with two images, it is a good way to present images that relate to one another. The menu is prominant, I particularly like the font and colour used.
georgia alexia benjou
The colours are a little distracting here, the images are less of a focus in this situation, the design of the site and the content of the portfolio seem to battle for attention. Maybe more subtle subtle colours would work better?
Mood 3
Moodboard 3- White space, rectangular and square images (large and small scale), clean lines, handwritten signature, simple typed text in subtle grey colour.
Mood 2
Moodboard 2- Various paper textures and lustres, layering, shadows, straight edges, various images sizes/ shapes, desaturated/ sepia images, typed text, neutral palette.Saturday, June 20, 2009
Mood 1
Moodboard 1. Paper textures, shadows, torn edges, 3D tactile looking objects, handwritten text, large scale images, pastel palette with a few highlights. I especially like the shadows under the torn paper, making it appear 3D. Not sure if I am so into the 3D objects, but it was something I wanted to trial in at least one moodboard.
Friday, June 19, 2009
Chris Phelps
I like the way this site still has colour but still has a very minimal, fresh feel to it. Proves small, subtle splashes of colour can go a long way, and it does not detract from the content.
Clayton Bozard
Clayton Bozard's website is nice, extremely simplistic, the menu drops down from a prompt at the top, and arrows appear when you scroll over the images. I would probably personalise it by having a few hand-drawn images or text on there.
Thursday, June 18, 2009
Jessica Punter
Really simple, and consistent layout throughout where the images dominate. Minimal information, like the font, also the combination of white and grey is very nice.
Subscribe to:
Posts (Atom)
