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.

Review my first webdesigning assignment

Featured Replies

Hi all..i have started designing my first assignment ..i want you all to help me in completing it..give your valuable comments and suggestions

 

 

IM1.png

 

Thanks

Kannan

I'll be short as I have to go out in a moment. But it looks nice and clean. Three things however: Line spacing, justification and a more central header... IMO anyway. ;)

Definitely change the header font. Also take a look at the use of whitespace in design (Here)

 

And that will really help.

 

Good luck with it :)

As an image, it looks good....agree with losing the current header in favour of another (maybe with a logo too)

 

:)

The 'recent posts' and 'download as pdf' dont quite line up....And the header doesnt look right. Probably change the font as others have said. I like clean designs and that looks good really. Change the line-height so the text doesnt look as hard work to read.

  • Author

thanks for your response n valuable suggestions ...i have redesigned it again ...so please have a look at it

and comment ...

 

IM3.png

be careful of hyphenations as in your website you would wouldn't have the-

se. so it would make sense for you to turn off the hyphenations within the gr-

phics editor you are using so that you text will flow correctly on the layout tha-

t you have created

 

:pp

 

 

Also I am not keen on the blockness of the header...it makes the site look quite dated, if you made it so the header was a little more together it would give the site a much fresher side of it.

be careful of hyphenations as in your website you would wouldn't have the-

se. so it would make sense for you to turn off the hyphenations within the gr-

phics editor you are using so that you text will flow correctly on the layout tha-

t you have created

 

:pp

 

 

Also I am not keen on the blockness of the header...it makes the site look quite dated, if you made it so the header was a little more together it would give the site a much fresher side of it.

 

 

Thats just photoshop ( i think :p )

 

Anyway have to agree with Dizi, Your website looks very blocky. Seeing as it's anout "Mantra" i suggest making your website in that style. Just a quick google image search on Mantra gives plenty of inspiration. Color scheme is also a business looking. Not really fitting for Mantra.

  • Author

i have redesigned the header ...please have a look at it n tell me how it looks

 

IM4.png

much better header...you shoul-

d still sort out the hyphenation. L-

et us know what graphics editor

you are using and we can wal-

k you through stoping it doing

that.

 

I know that it seems like a trivial

thing, but presenting your cont-

ent well will really lift a design,

as web design is all about how

you present the content :)

Good improvement over previous ones.

But I am struggling to see the links in header. At a first glance, these main links do not seem to get the attention that they deserve.

  • Author
Let us know what graphics editor

you are using and we can wal-

k you through stoping it doing

that.

 

i am using photoshop CS

  • Author

thanks dizi :) ..i have understood what are you trying to explain me...i have unchecked the hyphenate option in my photoshop and saved it..please have a look at it now and tell me how it looks

 

IM5.png

much better header...you shoul-

d still sort out the hyphenation. L-

et us know what graphics editor

you are using and we can wal-

k you through stoping it doing

that.

 

I know that it seems like a trivial

thing, but presenting your cont-

ent well will really lift a design,

as web design is all about how

you present the content :)

 

Bored much Dizi? :lol:

I think the buttons on the right could use a more subtle gradient in my opinion.

I think the buttons on the right could use a more subtle gradient in my opinion.

 

I agree with Albion, the buttons on the right look fluffy and bloated.

Bored much Dizi? :lol:

 

 

Always

 

W-a-s I-T R-L-Y N-e-c-e-s-s-a-r-y-?

 

yes

 

 

thanks dizi :) ..i have understood what are you trying to explain me...i have unchecked the hyphenate option in my photoshop and saved it..please have a look at it now and tell me how it looks

 

 

 

I think it looks a lot better now, if you compare it to the first one you posted you can really see how much the header and nav has affected the whole design. Now it looks cleaner and a lot fresher :)

 

One thing I do think that you should change is the grey used in the search box at the top, there isn't much contrast between the text and the background so this could cause trouble if someone monitor isn't calibrated properly or they have have vision problems.

  • Author

@dizi

One thing I do think that you should change is the grey used in the search box at the top, there isn't much contrast between the text and the background so this could cause trouble if someone monitor isn't calibrated properly or they have have vision problems.

 

i have changed the text color of search bar

IM6.png

 

 

@sridhar & Albion

 

i have redesigned the button in the sidebar

 

IM7.png

@sridhar & Albion

 

i have redesigned the button in the sidebar

 

Looks better.

 

The font size of sidebar headings seems same as that of the font size of the Post. Probably it would be a good idea to make the sidebar headings relatively smaller.

i think the sidebar title no need box, just border-bottom is look nice.. and also search box need some touch in color, grey is not work well. The navigation at the top look better if you not make it rounded.

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.