WEB PAGE ELEMENTS

Elements of a Web Page

The main parts:

1Hero Block

1Hero Block

"Thus, visual appeal can be assessed within 50 ms, suggesting that web designers have about 50 ms to make a good first impression."

ReearchGate  

1Hero Block  EXAMPLES WITH TEXT IN CENTRE

1Hero Block  EXAMPLES WITH TEXT IN CENTRE

1Hero Block  EXAMPLES WITH TEXT AT LEFT

1Hero Block  EXAMPLES WITH TEXT AT LEFT

1Hero Block  EXAMPLES WITH TEXT AT RIGHT

1Hero Block  EXAMPLES WITH BACKGROUND ILLUSTRATIONS

1Hero Block: SOME RESOURCES

1Hero Block: SUMMARY

  • 50 milliseconds (0.05 seconds): time taken by a website user to decide whether they’ll stay or leave.
  • 94%: number of users who cite poor design as a reason for mistrusting a website.
  • Above-the-fold area of web page is users’ ‘first impression’ and is critical for capturing attention and supporting conversion goals.
  • Hero block helps visitors understand quickly what it is you have to offer.
  • Generate leads from prospects not yet ready to buy by including a content offer (ebook or guide).
  • Gain confidence and trust of first-time visitors with examples of social proof.

2Deckhead: DEFINITION

2Deckhead: EXAMPLES

3Featurettes: DEFINITION

3Featurettes: EXAMPLES

3Featurettes: EXAMPLES

3Featurettes: ICONS AND NUMBERS

4Testimonials: DEFINITION

Social proof from happy customers

4Testimonials: EXAMPLES

4Testimonials: EXAMPLES

4Testimonials: VIDEOS

5Email Contact Form

6Footer

7Navbar: DESKTOP

7Navbar: DESKTOP

7Navbar: MOBILE

Hamburger icon and off-canvas menu

7Navbar: STICKY MENU

Remains always visible to user