ShowcaseBru Webpage design
Posted:

ShowcaseBru Webpage designPosted:

Bru
  • Summer 2018
Status: Offline
Joined: Jul 08, 201210Year Member
Posts: 2,765
Reputation Power: 220
Status: Offline
Joined: Jul 08, 201210Year Member
Posts: 2,765
Reputation Power: 220
Hello everyone,

So I thought I'd have a go at a simple web design, nothing too fancy.

All opinions and feedback welcome

Note: Ignore the dummy text font, forgot to change it.

https://i.imgur.com/unZLXYi.jpg
#2. Posted:
Zef
  • Graphics King
Status: Offline
Joined: Jul 29, 201012Year Member
Posts: 5,716
Reputation Power: 1262
Motto: We Ain't Dead Yet
Motto: We Ain't Dead Yet
Status: Offline
Joined: Jul 29, 201012Year Member
Posts: 5,716
Reputation Power: 1262
Motto: We Ain't Dead Yet
Some feedback for ya from someone who has designed sites from concept in photoshop to a fully functioning site. Though this may not be your goal, it is always best to aim for product realism even when making a sample/mockup.

My first piece of advice is to always screenshot your browser and graft your design into the site area to see about proportions and viewable space. It helps you stay grounded in the space your product would be viewed and utilized. You will likely find doing this that your tool bar is far too large compared to the body portion of the site design.

A bit of a technical bit is your home page has your about us which is a bit atypical as normally that would be in the about us tab. I see you're going for a simple flat design scheme but the design lacks content overall. If you are going to display a home page imagine what would be on that home page, you gotta catch peoples eyes with some images or 'actions' so they continue to scroll & browse.

As for the text styling, I like the fonts chosen for this overall. Though any body text used in a web design (real or not) should always be a web font and never forced caps for the body. The font chosen in the body has wonky alignment in a size that small and the stylization of the letters would make non-lorem ipsum text hard to read. Find a web font that is in a similar style to your title fonts and it should look quite clean.

Spend some time looking at different types of websites paying attention to technical data at the bottom/top/sides of a site to create a design that looks as if it were a screenshot of an actual website.
I think using a screen shot of your browser will help you sort all the details together as if they were real.

As always if you want/need any help feel free to PM me and I can help!

Cheers on the design!

-Zef
#3. Posted:
Bru
  • Gold Member
Status: Offline
Joined: Jul 08, 201210Year Member
Posts: 2,765
Reputation Power: 220
Status: Offline
Joined: Jul 08, 201210Year Member
Posts: 2,765
Reputation Power: 220
Zef wrote
Some feedback for ya from someone who has designed sites from concept in photoshop to a fully functioning site. Though this may not be your goal, it is always best to aim for product realism even when making a sample/mockup.

My first piece of advice is to always screenshot your browser and graft your design into the site area to see about proportions and viewable space. It helps you stay grounded in the space your product would be viewed and utilized. You will likely find doing this that your tool bar is far too large compared to the body portion of the site design.

A bit of a technical bit is your home page has your about us which is a bit atypical as normally that would be in the about us tab. I see you're going for a simple flat design scheme but the design lacks content overall. If you are going to display a home page imagine what would be on that home page, you gotta catch peoples eyes with some images or 'actions' so they continue to scroll & browse.

As for the text styling, I like the fonts chosen for this overall. Though any body text used in a web design (real or not) should always be a web font and never forced caps for the body. The font chosen in the body has wonky alignment in a size that small and the stylization of the letters would make non-lorem ipsum text hard to read. Find a web font that is in a similar style to your title fonts and it should look quite clean.

Spend some time looking at different types of websites paying attention to technical data at the bottom/top/sides of a site to create a design that looks as if it were a screenshot of an actual website.
I think using a screen shot of your browser will help you sort all the details together as if they were real.

As always if you want/need any help feel free to PM me and I can help!

Cheers on the design!

-Zef


Thank for all that amazing feedback I'll take that onboard and get back to the drawing board.
#4. Posted:
MrOldGeneration
  • Gold Member
Status: Offline
Joined: May 24, 201210Year Member
Posts: 919
Reputation Power: 1077
Motto: The worst part about having a mental illness is people expect you to behave as if you don't
Motto: The worst part about having a mental illness is people expect you to behave as if you don't
Status: Offline
Joined: May 24, 201210Year Member
Posts: 919
Reputation Power: 1077
Motto: The worst part about having a mental illness is people expect you to behave as if you don't
Bru wrote Hello everyone,

So I thought I'd have a go at a simple web design, nothing too fancy.

All opinions and feedback welcome

Note: Ignore the dummy text font, forgot to change it.

https://i.imgur.com/unZLXYi.jpg



I'm not a designer but looks clean and professional!
Users browsing this topic: None
Jump to:


RECENT POSTS

HOT TOPICS