ShowcaseBru Webpage design
Posted:

ShowcaseBru Webpage designPosted:

Bru
  • Winter 2020
Status: Offline
Joined: Jul 08, 201212Year Member
Posts: 2,772
Reputation Power: 228
Status: Offline
Joined: Jul 08, 201212Year Member
Posts: 2,772
Reputation Power: 228
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, 201014Year Member
Posts: 5,727
Reputation Power: 1271
Status: Offline
Joined: Jul 29, 201014Year Member
Posts: 5,727
Reputation Power: 1271
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
  • Winter 2020
Status: Offline
Joined: Jul 08, 201212Year Member
Posts: 2,772
Reputation Power: 228
Status: Offline
Joined: Jul 08, 201212Year Member
Posts: 2,772
Reputation Power: 228
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
  • Summer 2022
Status: Offline
Joined: May 24, 201212Year Member
Posts: 982
Reputation Power: 1122
Status: Offline
Joined: May 24, 201212Year Member
Posts: 982
Reputation Power: 1122
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