PDA

View Full Version : Well, since everyone else is doing it - my new portfolio site!




Lau
Feb 21, 2006, 05:57 PM
I was just going to whore this out using my garish signature, but hell, why not post it too. I've made a new portfolio website, and welcome criticism and suggestions, as well as cash in brown envelopes. ;)

www.laurabarnard.co.uk

I felt my old site needed an overhaul, and also took it as an opportunity to learn some CSS. It now also has a fab new "Image o' the day" where there will be a new illustration/photo/image as a front page every morning so hopefully getting more daily visitors, desperate to see what excitement awaits them each morning :p . I'll be archiving the images weekly on the site.

Thanks for looking. :)



whocares
Feb 21, 2006, 06:02 PM
I like the style: simple and effective.
I also like the font you used: same comment as above. :)

Haven't had time to look at the contents in detail, but that looks interesting too. Will look more tomorow, tis bed time now. ;)

Oryan
Feb 21, 2006, 06:14 PM
I like how you can click the images to see a sample page. Looks great too! :)

Aarow
Feb 21, 2006, 06:45 PM
It's easy to navigate, that's the biggest thing for me+plus it loads fast.

I like the current image of the day :).

Lau
Feb 21, 2006, 06:51 PM
Thanks. :) I'm really glad you all like it. I was trying to hit a point between stylish graphics and easy navigation with fast loading, so hopefully it's doing something along those lines.

iGary
Feb 21, 2006, 06:53 PM
I was just going to whore this out using my garish signature, but hell, why not post it too. I've made a new portfolio website, and welcome criticism and suggestions, as well as cash in brown envelopes. ;)

www.laurabarnard.co.uk

I felt my old site needed an overhaul, and also took it as an opportunity to learn some CSS. It now also has a fab new "Image o' the day" where there will be a new illustration/photo/image as a front page every morning so hopefully getting more daily visitors, desperate to see what excitement awaits them each morning :p . I'll be archiving the images weekly on the site.

Thanks for looking. :)

I miss the staples. :(

devilot
Feb 21, 2006, 06:56 PM
I miss the staples. :(Haha, I thought those were sooo neat, too. :p But everybody's got to grow, right?

Lau
Feb 21, 2006, 07:01 PM
I miss the staples. :(
Haha, I thought those were sooo neat, too. :p But everybody's got to grow, right?

I can send you both some staples. ;)

Do either of you think it's missing the 3D-ness of the other site? The staples as navigation became a bit problematic - I could never remember where stuff was so I'm sure no-one else could. I also thought with iWeb doing a lot of the stuff that the old one had - 3D bits, paper edges to photos, etc. that it was going to look pretty unoriginal if I used it for the new site as well.

I'm open to suggestions. :) Although if you tell me to redesign the entire thing I will cry, and it will be your fault. ;)

devilot
Feb 21, 2006, 07:03 PM
No, I think the concept and the actual appearance of the staples were really fresh and innovative. That said, I bet some less savvy people wouldn't have even 'discovered' them. It was an extra step to 'hover' over each staple to see what it would link to.

By the way, I got a huge kick out of the Trifle video... not sure what about it in particular. :o

As for 3D-ness... I dunno. Shrug. I'm not in graphic design or anything 'professional' so I don't think I can be of much help.

I do think that maybe, the old little matchbox/thingiemajig that 'opened' up feels more 3D than what I've seen on this revised version. But the way you photographed and displayed each 'book' or whatnot still feels 3D and the special touch of zooming in is nice.

iGary
Feb 21, 2006, 07:05 PM
I can send you both some staples. ;)

Do either of you think it's missing the 3D-ness of the other site? The staples as navigation became a bit problematic - I could never remember where stuff was so I'm sure no-one else could. I also thought with iWeb doing a lot of the stuff that the old one had - 3D bits, paper edges to photos, etc. that it was going to look pretty unoriginal if I used it for the new site as well.

I'm open to suggestions. :) Although if you tell me to redesign the entire thing I will cry, and it will be your fault. ;)

I like what you have done, but your old site had a lot of texture to it. I'm not sure I like the font, either, but I can't do a Web site anyway, soooo. ;)

devilot
Feb 21, 2006, 07:06 PM
I like what you have done, but your old site had a lot of texture to it.There we go. Thanks, Gary. I couldn't think of just what I missed about the previous one. That's it. :o :D

Lau
Feb 21, 2006, 07:16 PM
I like what you have done, but your old site had a lot of texture to it. I'm not sure I like the font, either, but I can't do a Web site anyway, soooo. ;)

Hmm, I'll have a think about it. I do know what you both mean regarding the 3D-ness and texture. Maybe even a paper-like border on the images or putting the 'logo' on something might be just enough to get it inbetween the two sites. There's a designer called Daniel Eatock (http://www.danieleatock.com/) who's set up a site that is supposed to be kind of style-free, as in the work speaks for itself. Although I designed mine more than he did, the idea was that the work (and the daily image) would set the style to an extent. Having said that, i also liked the texture on my previous site, so maybe a mixture of the two would be pertinent.

As for the font, iGary - it's kinda gross in a good way, I reckon. :D If was doing, just for example, a more corporate site I'd use something else. ;)

Devilot - the Trifle video was great fun to make as well. :)

Thanks for the input - it's good to know what people think comparing the 2 sites as well. :)


edit: Daniel Eatock has an image of the week - dammit! Must have subliminally picked up on that....:o

Cybix
Feb 21, 2006, 07:33 PM
I like it. the simplicity is great. I'm a big fan of very simple sites with easy navigation.

I like your designs, all done with mac? :)

load time is excellent too (important)

pretty cool! :cool:

iSaint
Feb 21, 2006, 08:28 PM
What everyone else said....I like it! Very cool!

Lau
Feb 22, 2006, 06:23 AM
I'm at college and the text looks all screwed up, both on my mate's PB and on the college eMacs in all the browsers. It's putting a huge space or a line return after every word. Still looks ok on my PB - even after emptying the cache.

:mad:

Please could someone let me know if it looks like the "good" picture or the "bad" picture below on their computer?

Blue Velvet
Feb 22, 2006, 06:46 AM
Please could someone let me know if it looks like the "good" picture or the "bad" picture below on their computer?

Looks 'good' from here. Windows 2000, IE 6.0.26

I'll reserve the design crit until I've actually looked at the site in some detail. ;)

Mac Heretic
Feb 22, 2006, 06:48 AM
>Please could someone let me know if it looks like the "good" picture or the "bad" >picture below on their computer?

I'm good. No jumps there now. And that is with Firefox 1.5 & XP.

Lau
Feb 22, 2006, 07:44 AM
Looks 'good' from here. Windows 2000, IE 6.0.26

I'll reserve the design crit until I've actually looked at the site in some detail. ;)

I look forward to it - much respect on your opinion, as always. :)

Thanks, both of you, for checking it out - I'll have to work out what's sending it insane at college, but at least the rest of the world is seeing it on it's 'good' side.

yellow5
Feb 22, 2006, 12:28 PM
Good.

Safari 2.0

10.4

eyeon
Mar 1, 2006, 01:44 AM
Very nice work. The "10 things you didn't want to know about me" book is brilliant. What a fantastic idea... I'm now quite curious about the other 9 things...

SpaceMagic
Mar 1, 2006, 05:21 AM
Great site laura, its so neuvo riche (in a good way).

Love that ten things book... was wondering though, how do you publish these things/make them into books?

etoiles
Mar 1, 2006, 06:42 PM
Please could someone let me know if it looks like the "good" picture or the "bad" picture below on their computer?

text looks fine in Firefox 1.0.7 on XP (I know, I know)
cool portfolio !

Dunepilot
Mar 1, 2006, 07:43 PM
Ah, David Devant and His Spirit Wife - highly underrated. I once supported them with my old (pop/rock) band. They were wonderful.

Like the site in general. Simple is good as far as I'm concerned

iPhil
Mar 1, 2006, 07:53 PM
Good site Lau .. nice-n-simple site :D


Loads quick on X.4.5/2.0.3 safari system ..


wtf is Staples??

devilot
Mar 1, 2006, 08:02 PM
wtf is Staples??Her previous site's links were images of staples... you had to click on the staples to go to the corresponding link. They were really neat.

ATD
Mar 1, 2006, 10:02 PM
Very nice site, simple and clean. And you are still in school, I'm impressed. Don't change the type, it fits the style.

_bnkr612
Mar 2, 2006, 09:45 AM
I like it. Do you have the whole alphabet and glyphs for Elizabeth Duke?

iPhil
Mar 2, 2006, 10:09 AM
Her previous site's links were images of staples... you had to click on the staples to go to the corresponding link. They were really neat.


Oh. thanks-a-lot devilot :o

I guess thats ol' school.. way before i ever showed up here..

dcv
Mar 2, 2006, 10:28 AM
I love it... really simple but effective. I hate cluttered websites.

The Lizzie Duke typeface is just pure genius! :D (of course you forgot to spell out the word 'chav') :p

Lau
Mar 3, 2006, 05:32 AM
Ooh, blimey, I've been a bit busy the last week or so and didn't see all these replies. Thanks everyone who said they liked it - now for all these questions....

The "10 things you didn't want to know about me" book is brilliant. What a fantastic idea... I'm now quite curious about the other 9 things...

Well, one of them certainly isn't suitable for a family forum....:P

Love that ten things book... was wondering though, how do you publish these things/make them into books?

Well, those are really small, (like about 8cm square) so I printed the pages out on my A4 inkjet. To make them double sided I had to centre the print in Quark, measure the distance the print was from the top end of the paper, turn it over and cut the bottom edge of each bit of paper to be the same distance then put in back in the printer the other way up. I forget why I couldn't just flip the image, there was a reason! Then I used dark red heavy paper and printed on black for the cover, trimmed all the pages down and folded them, then they're bound using a white rubber band. And little brown wage enevelopes are the perfect size for posting it out. It worth thinking about things like envelopes first if you are going to be posting it, it's a nice touch if they fit perfectly. Using a photocopier and then coloured paper inside or coloured card for the cover is a good way to do something cheaply (or free, if you have a free copier at college - yay! Don't know what I'm going to do without a copier when I leave).

Here's another example - it's my dissertation about 'zines, and so I did it like a zine. The cover is really bright yellow and the inside it just copied onto white. It's A5 - so just the standard A4 copy folded in half - dead easy.

http://img126.imageshack.us/img126/7117/zinecover4pj.th.jpg (http://img126.imageshack.us/my.php?image=zinecover4pj.jpg)...http://img126.imageshack.us/img126/5747/openzine8gv.th.jpg (http://img126.imageshack.us/my.php?image=openzine8gv.jpg)

I've no idea what mark I'll get for it - maybe some for creativity but the writing is pretty dire. :p

I'll stop now, but feel free to ask any more questions - I'm not a professional or nowt, but I do spend a lot of time photocopying random stuff into books. :D

Ah, David Devant and His Spirit Wife - highly underrated. I once supported them with my old (pop/rock) band. They were wonderful.

Fantastic! I've never seen them live, but I would like to.

I like it. Do you have the whole alphabet and glyphs for Elizabeth Duke?

Not yet, at the moment it's just a single case a-z. I'm working on a set though - like a whole Argos set and some other tacky catalogues. I'll see how it develops. I can't imagine anyone actually using it though....:p

The Lizzie Duke typeface is just pure genius! :D (of course you forgot to spell out the word 'chav') :p

Cheers - I was giggling to myself the whole time I was doing it. And you'll be pleased to see I didn't cheat and use the diamondique Alphabet necklace letters. :D

VanMac
Mar 3, 2006, 02:26 PM
Hi.
Your site looks good. Just a couple of things you might be interested in....

On my PC, I change the desktop/color theme to not use white as background for windows...I find it hard on the eyes. Your site looks like this. Try forcing your background color to what you want:

42379

Also, some work on the HTML with respects to your navigation bar and content pane. When sizing the window for narrow width, I get this:

42380

Lau
Mar 11, 2006, 05:34 PM
Thanks, VanMac for your comments (just saw them now).

I've tried specifying the background colour as white in the body CSS tag, but I'm not sure it makes any difference. When I set my browser preferences to change the background colour (and override the site's colour) it still makes it blue. However, if I say don't override the site's colours, it doesn't make any site have a blue background, so I assume you've set yours to override? How many sites do you visit that then override your settings and show their own background colour? Do you know how I might do this? (Does that make any sense?!)

As for the scrolling problem, I think this might be an Internet Explorer problem, as I just tested it in Safari, Camino and Firefox on a Mac, and have tested it on Firefox on a PC and it scrolls like the attachment below. I just looked on Internet Explorer on a Mac, and it does indeed do what you showed above. Bloody Explorer! It has to be difficult. Presumably it doesn't play nice with CSS the same way the others do. I'll have to look into it.

Thanks for bringing them to my attention, VanMac. I'd expect most of my viewers to be on a Mac and not on Internet Explorer, but obviously the more viewers that see it the way I wanted it to the better.

VanMac
Mar 12, 2006, 01:13 PM
Hey.

No problem.. Happy to comment.

I see your colors are fixed.....all looks good on IE now.

With regards to formatting issues around your nav bar and content pane. Tables are your friend. I'm no expert, but I typically put everything in a table. Tables in tables in tables. Allows for a lot of flexibility and control over space allocation and formatting.

Regarding browsers, if I was going to target one browser for it too look good on, it would be IE. Whether we like it or not, it is the most dominant browser out there. I basically do all my web development on a mac now, but then flip to my pc to check formatting. Quite often I need to change things, but nothing big. Just little tweaks here and there can get things looking good on Safari/Firefox/IE.

Have fun, and keep up the good work,

Lau
Mar 12, 2006, 05:49 PM
Well I'm glad the colour thing worked at least!

As for the layout, I've been trying to move away from tables (my old site was tables) and do the whole thing in CSS. I really like CSS, but it seems that IE renders it all differently. :mad: Then again, at least that will only happen if someone resizes my site smaller than it should be, and if they do that they can't see all the pictures in any browser. I designed it to fit in 800 x 600 so it looks good on a 12" screen, so hopefully people won't feel the need to make it smaller to fit on their screen. Hopefully few people will both use IE and resize it really small, as most people on Windows will have it maximised as well. In the meantime though, if anyone has any help as to why this works on everything but IE it would be appreciated.