First Attempt(Responsive web design)WIP

[Wafuz]

Ok, I want to show my progress on this site I'm doing for my brother. My main focus is a responsively designed website. It's not so much for the looks, but how it works on mobile and tablet devices. Note that there's no footers yet...really.

A live version of the site will be posted here so you guys can tell me what you think. I would also appreciate if you viewed the site on your mobile devices(If you have any), or you could just resize your browser. :

You must be registered to see links

Desktop

Tablet

iPhone/android mobile.

 

[madhuz]

It looks pretty decent. Not bad

 

[Manova]

I like it a lot. It's pretty. I think you've grasped the idea of web 2.0 design patterns here. Your design is very code friendly, very user friendly at the same time very appealing.

 

[Tonygfx]

Not bad I'm also working a new design that's going to be functional over Multiple devices. One thing I would do a little differently would be change the size of the navi buttons in case a client would need to add in more navigation buttons, for instance a contact navigation link, You could make them a bit smaller and have them continue off like:

[Home] [Blog] [About] [Work]
[Contact]

 

[Wafuz]

Thanks guys. I'm coding the site and it should be done soon, I hope.

 

[Logicol]

You never cease to impress, Wafuz. I think the colors are excellent, and if I went to this particular site, I would most definitely join it.

 

[Vinzer]

Starting to get there

 

[Wafuz]

Thanks for all the positive feedback, guys!

I just edited the first post with the site in its live state. I had to do a lot of modifications to the design, since a few of the original designs from the picks gave me hell. Like the slider for example was acting up if I were to put it in that small little box on the left, so I just gave it more room on the top.

If you have mobile devices, please test it on them. It would really help me improve my skill(Already tested it on my nexus 10 tablet, and its working fine so far!).

By the way, the footer is still in alpha state, since re-sizing it smaller will cause the links to act up.

 

[MrStormccH]

square... hahaha like it so much !
good job dude

 

[KidRambo]

I think its very good, only downside is the colouring for the Android/iPhone

 

[Wafuz]

Thanks.

I need to work on the footer soon. Also, looks like there might be an issue with the alignment of the website in portrait mode with tablets.

 

[Wafuz]

Footer is working better on mobile now. Alignment should be ok. Looks like my first responsive design was a successful one!

 

[Emari]

Footer is working better on mobile now. Alignment should be ok. Looks like my first responsive design was a successful one!

your design is very attractive and easy to handle website,, do you plan to sell it?

 

[Wafuz]

Maybe. If I can sell it for a good price, then yes.

 

[Razer]

Looks fine on a mobile (and standard version of course). The only things I'll comment on is capitalization, and the alignment/padding of your footer links.

The screenshot above covers both aspects I mentioned, but capitalization wise a lot (if not most) of the site needs fixing. (I'm sure you'll get around to that though)

But yeah, the footer alignment is my main concern, being on both the standard site and Android mobile. The whole link alignment is poor, but the 'home' that close to the edge of the footer shows my point quite clearly.

Nice design overall, but could be improved on the bottom half! (Below the responsive slides)

 

[JaydenC]

i like it alot, thx +rep

very sleek design, and all squares!

PS- had a little laugh at your about me :

 

[ColdGold]

This looks great love the design
Looking forward to see the finished site.

 

[Wafuz]

Well, it wasn't really intended to be completed. I plan on making a more complete version in the future.

 

[bounty-hunter]

Loved it !, btw sent you a message via your "contact" page on your website