Shop Mobile More Submit  Join Login
American Village Builders site by TheRyanFord American Village Builders site by TheRyanFord
Update: Site is live at avbhomes.com!
Second Update: Site won Site of the Day at CSS Awards.
I apologize for the file size. I had a lot of pages to fit in and wanted them all adequately represented. Please full-view to see the proper details.

Client Details
American Village Builders is an awesome home design company (architecture) based out of Michigan, and they contacted myself and my friends at YDEK Productions about building a new website for them.
Their primary interest in their site was portraying themselves as they actually were: a warm, friendly company who builds warm, welcoming homes. They wanted their website to have a lot of texture and detail, and so I obliged.

Process
Since I have a full-time job during the day here at dA, I worked on this after hours and on the weekends. AVB was very patient and I think the timeline paid off big time. There was quite a bit of back and forth between myself and the company, and that helped ensure they got exactly what they wanted.

The logo at the top of the page is theirs. I didn't design it. I was only able to modify their typography to fit with the design and place their mark into a more interesting "flag" shape.

Worth Note
All the photos and copy in this design are FPO (for placement only). The client will be filling in the content using the custom-built CMS that YDEK Productions is building for them. The site should be officially launched some time in the coming months.
Add a Comment:
 
:iconniponwar:
Critique by niponwar Aug 6, 2009, 2:33:51 PM
Nice structure, good architecture on all sections...

The header looks ok... i think, the only thing i have to say is that the content on the pages should have more detail work. The attention to the detail doesn't convince me.

I love the integration of the red wood background on it, it give to the design a nice atmosphere and a good relation with the concept of the houses.

The menu "Find a House", the buttons can have more detail and maybe it should use some kind of softer gradient to fit with the rest of the design, and maybe try to better integrate it to that bar...

But, i think it's because of the back and forth and the taste of the client too, the rest is very nice and professional ;)

Vlad.
What do you think?
The Artist thought this was FAIR
15 out of 17 deviants thought this was fair.

:iconrocksicle:
I love the colour scheme; it's like a homelier version of red white and blue. Really evokes the feeling of a comfortable, solid and welcoming house. It took me a while to notice that the background is a wall though.

The icons along the top work really well too. It's a shame they're not used more throughout the site. For instance, why does the 'Community details' button next to a property not use the community icon (or a variation of) that's already established above.

On the contact form, and the Custom Home Inquiry form, I think you've missed an oppourtunity to make a connection with an important visitor (one who makes the effort to contact the site owners):

'Tell us about your ideal home' + 'Tell us about you' is simple, inviting and makes me want to respond, but the rest of the copy doesn't support this because it's too long winded and formal. The title 'Custom Home Inquiry' could be more personal.

Don't really know why, but the pen on the contact form doesn't seem right. I'm not writing, I'm typing. Something to do with homes or AVB staff could go there.

Why is the 'Contact Us' button seperated from the tabs next to it? Its position and low contrast might make some people completely miss it.

You've used two different reds, one for the logo and one for buttons, and they clash imho.

On the About Us page, the hierachy seems mixed up because the "We've been building quality homes..." text is larger than the 3 points above, so 3 points just fade out of existance. Maybe they'll stand out when the lorem ipsum is replaced, but I think a sub-title or icon for each one would help too. Also, shouldn't the photos have a realistic frame/border considering they're on a wall?

I also noticed that the About Us tab is faded on some pages, but not on others for some reason. I think both look fine, although I don't know why it's faded.

Overall, the site has great impact at first glance and looks easy to understand and navigate. It looks traditional, exciting and modern, which is a terrific mix to have achieved. That impact might be lost as visitors go further into the site though.

Hehe, Ford Street :)
What do you think?
The Artist thought this was FAIR
6 out of 6 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconsiracel:
siracel Featured By Owner Apr 2, 2010  Professional Interface Designer
Great job. Nice.
Reply
:icongraysayell:
GraySayell Featured By Owner Mar 30, 2010  Professional Interface Designer
great job!
Reply
:iconkyle-culver:
kyle-culver Featured By Owner Dec 7, 2009  Professional Filmographer
well, congrats on the award! you did a suburb job with this.
Reply
:icondannscreations:
DAnnsCreations Featured By Owner Sep 21, 2009  Professional Artisan Crafter
Very Cool, beautiful work! :icongrin--plz: :love:
Reply
:iconraczso:
Raczso Featured By Owner Aug 30, 2009  Professional Digital Artist
clean
Reply
:iconelusive:
elusive Featured By Owner Aug 20, 2009
Looks great, Ryan.
Reply
:icontheryanford:
TheRyanFord Featured By Owner Aug 20, 2009  Professional Interface Designer
Thanks. You have a group invite that you need to accept, btw.
Reply
:iconelusive:
elusive Featured By Owner Aug 20, 2009
Hey, i've accepted it. I didn't even see it the first time somehow, hm. I got my PC back up late last night is likely why. I've accepted, let me know if it shows up as that way :)
Reply
:icontheryanford:
TheRyanFord Featured By Owner Aug 20, 2009  Professional Interface Designer
Yep, you're in! :)
Reply
:iconelusive:
elusive Featured By Owner Aug 20, 2009
Excellent :) This is cool!
Reply
:iconlemontea:
lemontea Featured By Owner Aug 12, 2009
It's a smooth, clean, website.

But man it's boring. I think that just comes with the client, not your design. Not every client is a rockstar, after all.

But anyway, nice layout.
Reply
:icondarkee999:
darkee999 Featured By Owner Aug 12, 2009
super cool
Reply
:iconsmartrams:
SmarTramS Featured By Owner Aug 10, 2009
Very nice work, fantastic. :)
Reply
:iconenzudes1gn:
EnzuDes1gn Featured By Owner Aug 10, 2009  Professional Interface Designer
Really great work man, loving the use of the beveling in the footer, it really gives a home look imo, the overall color scheme is fantastic too, fresh modern, yet not O.T.T , good structure and layout complete the package for me. One of my fave works by you so far :)
Reply
:iconcameron-schuyler:
Cameron-Schuyler Featured By Owner Aug 9, 2009  Professional Interface Designer
Hi there! That is a really nice design. What script were you planning on using for the home page? I am looking for a script that can function like that. If you could help me out, that would be awesome! Thx!
Reply
:iconswiftau:
Swiftau Featured By Owner Aug 8, 2009  Professional Interface Designer
WOW!
Reply
:iconloincandy:
LoinCandy Featured By Owner Aug 7, 2009  Professional Digital Artist
Looks really nice man.

I especially like the footer, very stylish!

Not sure about the icons though, they seem pretty standard and quite small...

But hey, if the clients happy, don't change a thing ;)
Reply
:iconkingcam:
KingCam Featured By Owner Aug 7, 2009  Student
Not only is it a slick useable looking site (the buttons!), but I think this is how all web design previews should be, multiple pages, cause there are few websites that are out there that are only 1 page, and often you have to make a different solution per page. This being said, horizontal scrolling to see the preview is not so fun.

:thumbsup:
Reply
:icontheryanford:
TheRyanFord Featured By Owner Aug 7, 2009  Professional Interface Designer
Yeah, the downside to showing all the pages is that you get that lovely horizontal scrolling on the full-view. :shrug:
Reply
:iconsztewe:
sztewe Featured By Owner Aug 7, 2009  Hobbyist Photographer
Simply amazing design, i like it a lot.
it inspiritated me
Reply
:iconsakurakira:
sakurakira Featured By Owner Aug 7, 2009
Uh... I just saw you named the font in an earlier reply... sorry about that. (wtb dA comment editing).
Reply
:iconsakurakira:
sakurakira Featured By Owner Aug 7, 2009
I really like the color scheme, very professional looking.

What font(s) did you use for the various headers and buttons? Is the "Custom Homes of the highest possible caliber" font the same font used in all of the headings? It's a bit difficult to tell with the smaller text on buttons.
Reply
:iconismail20:
ismail20 Featured By Owner Aug 7, 2009
i like color ,nice job :d
Reply
:iconexoheartbeat:
eXoHeartbeat Featured By Owner Aug 7, 2009
Great job! Love the style! :+fav:
Reply
:iconshizm:
shizm Featured By Owner Aug 6, 2009
very clean and elegant. Great job!
Reply
:iconmeggert:
meggert Featured By Owner Aug 6, 2009  Hobbyist Interface Designer
wow :)
Reply
:iconamategaso:
amategaso Featured By Owner Aug 6, 2009
awesome piece..
Reply
:iconbionikdesign:
bionikdesign Featured By Owner Aug 6, 2009  Professional Interface Designer
awesome work dude. "your fired!"
Reply
:icontheryanford:
TheRyanFord Featured By Owner Aug 6, 2009  Professional Interface Designer
My fired? :noes:
Reply
:iconbionikdesign:
bionikdesign Featured By Owner Aug 7, 2009  Professional Interface Designer
sorry sucka, I mean brotha
Reply
:icondanlev:
danlev Featured By Owner Aug 6, 2009
Looks great! Nice job Ryan!

Definitely has the right feeling/theme to it. Interesting choice to put the icons above the tabs. I like it!
Reply
:icontheryanford:
TheRyanFord Featured By Owner Aug 6, 2009  Professional Interface Designer
:)
Reply
:iconnarayanan:
Narayanan Featured By Owner Aug 6, 2009
For some reason, I think it has something to do with deviantART, same ..feeling? ..taste? ..designer? ;)

I like it anyways :+fav: and I'd love to know the font name.
Reply
:icontheryanford:
TheRyanFord Featured By Owner Aug 6, 2009  Professional Interface Designer
Font name: Thesis Serif.
Reply
:iconshift-illusion:
shift-illusion Featured By Owner Aug 6, 2009
Love this color combo! Neat and tidy definitely fits the bill here. :thumbsup:
Reply
:icontheryanford:
TheRyanFord Featured By Owner Aug 6, 2009  Professional Interface Designer
Thanks!
The color scheme was decidedly patriotic (red, white, blue) without being overzealous about it. The client is located in an area where they want to have a sense of being good ol' fashioned, in a way, which is why the color scheme was important in my opinion.
Reply
:iconwilsoninc:
wilsoninc Featured By Owner Aug 6, 2009  Professional Interface Designer
truly exceptional work. deserves a fav :)
Reply
:icontribalmarkings:
tRiBaLmArKiNgS Featured By Owner Aug 6, 2009  Hobbyist Digital Artist
brilliant job bro :)
Reply
:iconidealic:
IdeaLic Featured By Owner Aug 6, 2009  Professional Interface Designer
letterpress effects, lights, cute icons, good typography - all a modern design needs, nice one!
Reply
:iconmilkforgod:
MilkForGod Featured By Owner Aug 6, 2009
very well done
Reply
:iconaxertion:
Axertion Featured By Owner Aug 6, 2009  Professional Interface Designer
this is incredible! Lots of detail and work put into this, and I love how everything look! +fav :)
Reply
:icontheryanford:
TheRyanFord Featured By Owner Aug 6, 2009  Professional Interface Designer
Thanks. :)
Reply
:iconqedar:
qedar Featured By Owner Aug 6, 2009  Student Interface Designer
a lot of work but... nothing special ;)
Reply
:iconniponwar:
niponwar Featured By Owner Aug 6, 2009
Nice structure, good architecture on all sections...

The header looks ok... i think, the only thing i have to say is that the content on the pages should have more detail work. The attention to the detail doesn't convince me.

But, i think it's because of the back and forth and the taste of the client too, the rest is very nice and professional ;)

Vlad.
Reply
:iconhnsm:
hNsM Featured By Owner Aug 6, 2009
Like the structure (!)
Looks very clean and seriously
Reply
Add a Comment:
 
×
Download JPG 5112 × 5112




Details

Submitted on
August 6, 2009
Image Size
8.4 MB
Resolution
5112×5112
Link
Thumb
Embed

Stats

Views
14,819
Favourites
125 (who?)
Comments
47
Downloads
615
×