Website mock-up C&C

Russinating

Russinating

Russinating

Soldato
Joined
27 Dec 2005
Posts
17,316
Location
Bristol
Working on a personal/internal site redesign at the moment. Just trying to bring it into the web 2.0 world a bit and make the content a bit more dynamic and interesting rather than just blocks of text in the same place on every page.

There's not much else to say other than to show the mock-ups! I've just done 3 pages at the moment (home, packages and stills gallery) to show a 'typical' 1/2/3 column layout that could be used. Packages page is very HTC inspired :p.

Anyway, C&C greatly appreciated :).

www.idoweddingfilms.co.uk/new/home.html
www.idoweddingfilms.co.uk/new/packages.html
www.idoweddingfilms.co.uk/new/stills.html

PS. Existing site is at root domain.

** UPDATE **

Built site: http://new.idoweddingfilms.co.uk/. Above links are old mockups.
 
Last edited:
Cheers Roy. As you say, I want the content to be more interesting so it's great that you thought as much.

I also started the design from Google Analytics firstly as we currently have a fair bit of content in a load of pages which hardly anyone ever visits:

idocontent.png


I've basically took those pages and put them in the top bar, and the rest I've stuck in the footer so the content's still there for SEO/if people want to dig a bit, otherwise it makes the popular content a bit more obvious and less cluttered. Or at least that's the plan!
 
Thanks Roy.

Hmm, not many replies to this. Is no news good news?

But seriously, if people don't think it has the 'wow' factor, please feel free to say :). I know it's hard to comment on things that you can't put your finger on but any comments even without a reason/constructive suggestion would be appreciated!
 
Probably way off ;).

Clean designs, intuitive UI, fluid content, minimal navigation, using JS to help achieve this, and generally having a few of the design trends associated with new sites.

What's yours? :p
 
Mammalian said:
the grey background is too dark imo.

where is your chat online going to go?

perhaps a tad too much text shadow making the text slightly fuzzy but maybe that will improve with a lighter background.
Click to expand...

Ok, I might try a lighter shade. I did want to maybe stay away from #fff though.

I don't know why, but the online chat thing hardly ever gets used apart from our friends messing about pretending to be couples having nudist ceremonies. So based on that we're probably just going to drop it.

Yeah, the text shadowing is possibly a bit too much but I wasn't really paying much attention to that as the look of it will change completely when it's CSS rather than in PS anyway.
 
Just for those interested (Roy :p), I've pretty much completed the build now: http://new.idoweddingfilms.co.uk/

Changed a few things as I was going compared to the mockup, but I always tend to do that with internal work :p.

Anyway, as usual thoughts etc would be appreciated. Tested in IE7, FF, Chrome and Safari but if anyone spots anything crazy looking let me know.
 
Last edited:
Snooble said:
Could you throw me the code for the quick contact formatting? Haven't messed with 2.0 stuff, used to css formatting for my forms..
Click to expand...

What you after specifically? The site is "as you see it", ie no PHP, so you should be able to see everything you need.

slylittlefox said:
Like the design, though I don't know if I'd say it had 'wow factor' per se. Also, the shadow on the body text, and indeed the pixel font, aren't my cup of tea - but that's down to your tastes.

Most importantly - did that bald guy marry that blonde girl? :eek:
Click to expand...

The body text doesn't have a shadow anymore so you may have been viewing the old mockup.

And yes. He was rich. Very rich :p.
 
Hmm, I'm using Chrome too and it does that but I assumed it was using a previous local cache or something. If you force refresh (Ctrl+F5) then it'll look correct, and if you refresh with just F5 then it'll do that ^^. Does anyone know why? :confused:

Edit: Fixed. Just changed the way the navigation is positioned.
 
Last edited:
Thanks for the comments guys. Much appreciated :).

Removed the Vimeo player and replaced with a Nivo slider that then links to a YouTube Colorbox popup. Works a bit better, means we can have a wider image and also of course means we can have other information cycling round rather than just the showreel.
 
Hmm, thanks. I didn't get that in my FF, but had one pixel to the right showing, but I get what you do in IE. Should be fixed now (just reduced the width of the background image that's just there in case Nivo fails to load).
 
Urgh, I hate cross compatibility. Thanks.

What does compatibility mode actually do? ie How do I target it specifically/work out why it's screwing everything up?
 
Last edited:
Should be fixed now Pooly (and Mammalian). Just having trouble with the z-index's now with the logo, slider and slider background div.

The logo has a z-index of 9999 and on every other browser this is fine and displays the logo overlapping the slider. In IE8-compat the logo displays below. If I change the slider to a z-index of -1 then it displays this behind the slider background, even if I set the slider background to -9999. Anyone have any ideas?
 
I normally do that as a last resort. There's usually something that can be done so that all browsers work correctly from one stylesheet, a la the last problem (I just changed how the slider was being centered). If there genuinely is a special need for something that IE requires that in turn screws up the rendering in other browsers then of course I'll create a separate sheet, I just don't like doing it :p.
 
Just thought I'd bump this rather than creating a new thread.

Site is going live tomorrow, so if anyone's bored and has a few spare 3 minutes take a look at http://new.idoweddingfilms.co.uk and let me know if anything is borked or quirky lookin' :) (excluding the blog which won't function properly until it's on the root domain). Thanks!
 
Thanks rick. Might take a look at some of those points.

rickh said:
Contact page - phone number is in an untraditional format, not semantic, thus skype doesn't pick it up as a phone number.
Click to expand...

Could you expand on that? ie Why isn't it a traditional format or semantic? Genuine question :).

rickh said:
The quick contact form in the footer - I'm not sure what the word 'wedding' is there for?
Click to expand...

That's the captcha image (hence the 'Type the word above here' input below). Not obvious enough?
 
You must log in or register to reply here.
Back
Top Bottom