DESIGN TO DELIGHT
  • MY OBSERVATIONS
  • DESIGN DELIGHTS
  • MARKETING DELIGHTS
  • TECHNOLOGY DELIGHTS
  • WHAT ARE EVENTS
    • HOW TO CREATE A RAVE AROUND YOUR VIRTUAL EVENTS >
      • SOCIAL LISTENING FOR VIRTUAL EVENTS
      • HOW TO PROMOTE YOUR EVENT WITH PAID ADVERTISING
  • communication in the age of disruption
  • 01_BRAND EXPANSION

CREATING ENGAGING PAGE TEMPLATE


I. Why Use HubSpot Design Tools to Build Page Template?

II. How Do You Build an Effective Page Template?

How is creating page template in Hubspot different from other CMS platforms?

Connecting other Content Management Systems (CMS) to HubSpot requires additional work and cannot use every available feature.

When building with HubSpot, everything just works.

Less time wrestling with code, more time creating optimal experiences.




Whose experience should a designer focus on, when building page templates?

Create a clear, user-focused website architecture and navigation.


What is the fold?  Why is it important?

Another older design principle that’s still pretty relevant today, is to entice visitors to scroll below the fold. Printed newspapers entice a reader to pick it up with important, eye-catching content on the top half or above the fold of the newspaper.

Similarly, entice your website visitors to scroll by having a compelling headline with some of your text, or allowing the top portion of an image to be visible above the fold.

On the other hand, it’s also very important to keep some actionable content above the fold, so that your visitors can understand what the page is about


Social Sharing Modules

Social Sharing
This module enables easy sharing across the end user’s preferred social networks.

Follow Me
This module pulls information from the end user’s Social settings, making it easy to follow their company’s social media accounts.

Picture
Navigation Modules

Simple Menu:
This menu is static and used on a page-by-page basis.

Advanced Menu:
This menu can be used on multiple templates in either a horizontal or vertical orientation.


Advanced Modules

Flexible Column:
A column that allows for adding more modules to a group from the Content Editor.

Custom HTML or HubL Template:
A module for adding custom markup and embeddable items
such as a Twitter feed.

Horizontal Spacer:

A module that adds a new DIV to keep two modules separate.
Define how much space in the CSS.

Picture

Why is place holder text important?

Add descriptive filler text to a text module to give the content creator an idea of how the module should appear when filled out.




What is a landing page and what does it typically contain?

Blog Content- The most basic element of a blog template. It displays blog posts from the Blogging tool.

Post Listing- Creates a list of blog posts by date or by popularity.

Post Filter-This module creates a list filtered by different criteria, such as authors or topics.

Blog Email Subscription- A simple form that allows visitors to subscribe to the site’s blog.


Picture

What are body classes?

vbvjbkjhbjblkj




 #design to delight
For design consultation and
powerful brand exploration --
contact: sarmistha.tarafder@gmail.com
Brand Marketing
Creative Thinking
Design Thinking
Technology Delights
Marketing Delights
My Observations


  • MY OBSERVATIONS
  • DESIGN DELIGHTS
  • MARKETING DELIGHTS
  • TECHNOLOGY DELIGHTS
  • WHAT ARE EVENTS
    • HOW TO CREATE A RAVE AROUND YOUR VIRTUAL EVENTS >
      • SOCIAL LISTENING FOR VIRTUAL EVENTS
      • HOW TO PROMOTE YOUR EVENT WITH PAID ADVERTISING
  • communication in the age of disruption
  • 01_BRAND EXPANSION