How to Model a Conference Homepage

Over the past year, the demand for virtual events has grown tremendously. More companies are willing to hold their events online and having a clear homepage for the event website is essential.

In this article, we are going to showcase how to build a custom type modelling (templates) for your event or conference page in Prismic.

Page structure

Static Fields
Dynamic Zone

The hero banner section consists of a headline, a sub-headline and a CTA button:

  • Image field for the banner
  • Title field with H2 heading
  • Key Text field for the text section of the banner
  • Key Text field for the CTA button label
  • Link field for the CTA
1 of 4
< PreviousNext >

This section will describe the biography of speakers/hosts of the event.

In the non-repeatable zone:

  • Title field in H2 for the headline

In the repeatable zone:

  • Image field for the speaker's photos
  • Title field in H3 for the speaker's name
  • Rich Text field for the speaker's role and description
2 of 4
< PreviousNext >

The "Schedule slice" will highlight the upcoming events.

In the non-repeatable zone:

  • Title field for the headline and subheading

In the repeatable zone:

  • Title field for the event's name/date
  • Rich Text field with multiple formatting options for the event's agenda
3 of 4
< PreviousNext >

The Sponsors' slice will showcase logos of each sponsor or partner for the upcoming event.

In the non-repeatable zone:

  • Title field for the headline of the sponsors section

In the repeatable zone:

  • Image field for company's logos
  • Link field in the URLs to the sponsor's website
4 of 4
< PreviousNext >

Alternative approach:
Creating a separate repeatable custom type for speakers section, and configuring a content relationship field in the Speaker slice. It would allow you to pick and choose a relevant speaker from the existing list. You can learn how to build a Speakers custom type here.

How to set it up in Prismic

  • Create a new repeatable custom type
  • Copy the JSON below and paste it under the JSON editor of this new custom type
CopyExpand/Collapse

What content editors will see?

How to model content for your project Sarah will be glad to help you come up with a solid content model for your project. (It’s free.) Schedule a call