Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Design/Layout feedback

Featured Replies

Hi guys,

 

Just looking for some feedback/critique for the screenshots I have attached. I am designing and developing a home styling website for a friend and would like to know if I am going about the design the right way. I am first and foremost a developer so my design skills are limited. I am just starting to get in to the design aspect, trying to learn as much as I can.

 

Added info: I have created the layout using CSS & HTML. Development uses PHP and Jquery/JavaScript.

 

Thanks in advance,

Lyndsey.

HS_NewShot.png

HS_Screenshot1.png

Hi Lyndsey,

 

It's a pretty solid layout and colour combination you've chosen so well done for that. The only thing that's really bugging me is that font choice for the nav and logo It's a bit too "in your face" for me.

 

The only other thing I can critique is the sponsor's section at the bottom the info isn't presented all that well and looks a little rush.

 

Apart from those things though great job :)

  • Author

Hi Lyndsey,

 

It's a pretty solid layout and colour combination you've chosen so well done for that. The only thing that's really bugging me is that font choice for the nav and logo It's a bit too "in your face" for me.

 

The only other thing I can critique is the sponsor's section at the bottom the info isn't presented all that well and looks a little rush.

 

Apart from those things though great job :)

 

Hi,

 

Thanks for the helpful feedback :) I will have a look at trying out some new fonts etc, see what works best! The footer section is what bugs me the most, as it's too 'plain' and boring. I'm a beginner with design so open to any suggestions for how the layout/content would work better etc.

 

Thanks again,

Lyndsey.

The body text needs a bit more line-height for legibility. 1.3-1.5 (unitless, so it's proportional to the current element's text size) is ideal for body copy at 12-14px.

  • Author

The body text needs a bit more line-height for legibility. 1.3-1.5 (unitless, so it's proportional to the current element's text size) is ideal for body copy at 12-14px.

 

Thanks Chris, will take that on board.

 

Lyndsey.

Colors are looking nice, especially with the slider on top. Enough explained about the font by 4colourprogress. I think the font could be a bit bigger, but it is readable ;)

 

Nice job!

  • Author

Colors are looking nice, especially with the slider on top. Enough explained about the font by 4colourprogress. I think the font could be a bit bigger, but it is readable ;)

 

Nice job!

 

Thank you for the feedback and advice.

 

Lyndsey.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.