Skip to end of banner
Go to start of banner

Check-list: empower your Website Layout with Narratives

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 36 Current »

Introduction

In this document, we provide a check-list te be used in your project management to ensure that Boxalino Narratives have been integrated into all the key parts of your website.

Process Management

When you plan to redesign a part or the entirety of your e-shop, you can plan your Narratives in the following way:

  1. Project Managers define the Pages where narratives should play a role according to the Page Layout Check-list below

  2. Project Managers together with the IT confirm the selection and define a meaningful set of Narrative Layout Blocks (template) according to the Layout Block (Templates) list below

  3. It implements the Layout Blocks (in part based on the provided and links to Layout Blocks best practice schema provided in the Layout Block (Templates) list below)

For Project Manager, get familiar with the concept of Narratives for your projects with our document: Project Management guidelines for Narrative Projects

Page Layout Check-list

In this check-list we identify what are the zones of the web-site pages which will be done with Boxalino Narratives.

By “zone”, we mean a part of the page (typically full width) with a starting and end position which consist in several Layout Blocks (a Layout Block can be a banner, a product slider, a product list, a brand slider, a list of blog entries, …).

Page(s)

Check points

Comment

1

All Pages

  • Optional Zone at the very top above the menu for Header Value Symbols / Top Message (see related Layout Block below)
  • Optional Zone just below the menu is a Narrative (to display a message, banner or product recommendations to some visitors (SEO/SEA) or on some specific pages)

These zones are dedicated to display important messages / information to the visitor when he lands on any page (possibly related to the traffic source). What are the key cases important for you?

________________________________

________________________________

2

Home page

  • Main zone below menu is a Narrative

Until where does the zone extend (i.e.: from below the menu, until : … (e.g.: the footer)) ?

________________________________

3

Landing pages

  • Page routing (including URL path, SEO, …) is controlled by Narrative
  • The entire zone below menu until footer is a Narrative

Until where does the zone extend (i.e.: from below the menu, until : … (e.g.: the footer)) ?

________________________________

4

Top category pages

  • Main zone below menu is a Narrative

Until where does the zone extend (i.e.: from below the menu, until : … (e.g.: the footer)) ?

________________________________

5

Brands list page

  • Main zone below menu is a Narrative, including brands listing

Until where does the zone extend (i.e.: from below the menu, until : … (e.g.: the footer)) ?

________________________________

6

Brand pages

  • The entire zone below menu until footer is a Narrative

7

Product listing pages

  • The entire zone below menu until footer is a Narrative

What are the covered product listing pages?

  • category navigation
  • brand pages
  • in sales
  • new products
  • _______________________________
8

Search results page

  • The entire zone below menu until footer is a Narrative
  • The entire Autocomplete overlay is a Narrative

Do you integrate the Overlay to go directly to our API from the browser (it is much faster)?

________________________________

9

Product detail pages

  • Important zone(s) directly below the main product information (and possibly on the side) is/are Narrative(s)

Where do(es) the zone(s) start and end?

________________________________

________________________________

10

Content pages

  • Important zone(s) directly below the main content (and possibly on the side) is/are Narrative(s)

Where do(es) the zone(s) start and end?

________________________________

________________________________

11

Basket overlays

  • The entire Overlay is a Narrative

What are the covered Overlays?

  • add to basket
  • current basket content
12

Other overlays

  • The entire Overlay is a Narrative

What are the covered Overlays?

  • newsletter registration
  • welcome back
  • _______________________________
  • _______________________________
13

Basket page

  • A zone before the basket content is a Narrative
  • A zone after the basket content is a narrative

Where do(es) the zone(s) start and end?

________________________________

________________________________

14

Payment confirmation page

  • A zone before the order details is a Narrative
  • A zone after the order details is a narrative

Where do(es) the zone(s) start and end?

________________________________

________________________________

15

Account page

  • An important zone of the first appearing account page after login is a Narrative

Where do(es) the zone(s) start and end?

________________________________

________________________________

16

About us (and other related) pages

  • The entire zone below menu until footer is a Narrative

What are the covered product listing pages?

  • About us
  • Our History
  • Contact us
  • Impressum
  • _______________________________

Layout Blocks (Templates) Check-list

In this check-list, we identify the list of Layout Blocks (or templates) which will appear in Boxalino Narratives.

Layout Block (Template)

Check points

Visual examples

1

Main Banner(s)

Download our sample Layout Block:

  • Main Banner
  • Side Banners: ________________________
  • Banner Slider (or grid layout)
  • Parameters: Get JSON Schema
    • Image Desktop (localized)
    • Image Mobile (localized)
    • Title (localized)
    • Text (localized)
    • Text color
    • Text alignment (left, center, right)
    • Button Text (localized)
    • Button text/background color
    • URL (localized)
    • Fine-print (localized,
      Desktop positioning lower end /
      Mobile : out of the banner below)
    • _______________________
    • _______________________
    • _______________________
2

Category/Brand/Content Banner(s)

Download our sample Layout Block:

  • Banner grid
  • Banner slider
  • Parameters
    • Label (localized) (above banners)
    • Image Desktop (localized)
    • Image Mobile (localized)
    • Title (localized)
    • Text (localized)
    • Text color
    • Text alignment (left, center, right)
    • Button Text (localized)
    • Button text/background color
    • URL or category id
    • Fine-print (localized,
      Desktop positioning lower end /
      Mobile : out of the banner below)
    • To all Link Text (localized)
    • To all Link URL (localized)
    • _______________________
    • _______________________
    • _______________________

Will be used for:

  • Brands
  • Categories
  • Content
  • ___________________
  • ___________________
  • ___________________
3

Product slider

Download our sample Layout Block:

  • Product slider (with arrows)
  • Product slider with image
  • Basket Overlay gifts
  • Basket Overlay product recos
  • Parameters
    • Label (localized)
    • With Image (yes,no)
    • Image URL (localized)
    • Image text (localized)
    • Imae position (left,right)
    • To all / more Link Text (localized)
    • To all / more Link URL (localized)
4

Brand slider/list

Download our sample Layout Block:

  • Banner Slider (with arrows)
  • Banner logo list (1/2 columns)
  • Brand name finder
  • Parameters
    • Label (localized)
    • Image (localized)
    • URL (localized)
    • To all Link Text (localized)
    • To all Link URL (localized)
5

Value symbols / Top Header Message

Download our sample Layout Block:

  • Value Symbols / Top Message
  • Parameters
    • Image (localized)
    • Text (localized)
    • Sub-text (localized)

6

Image

Download our sample Layout Block:

  • Image
  • Parameters
    • Full Width
    • Label (localized)
    • Label position (top, bottom)
    • Image (localized)
7

Product grid

Download our sample Layout Block:

  • Product grid
  • Parameters
    • Name (localized)
    • Number of results (localized)
    • Sorting (list of localized values)
    • List / grid Layout (list,grid)
    • Product list
    • Pagination
    • Show more (localized)
    • Infinite scroller (yes,no)

8

Facets

Download our sample Layout Block:

  • Facets
  • Parameters
    • (see Boxalino Technical documentation for list of available options returned in bx-facets parameters)

9

Autocomplete

Download our sample Layout Block:

  • Search Autocomplete
    • Textual suggestions
    • Product suggestions
    • Brand suggestions
    • Categories suggestions
    • Content suggestions
    • ______________________
    • _______________________
    • _______________________

10

Html

Download our sample Layout Block:

  • Search Autocomplete
    • HTML (localized)

11

Content / Blog / Magazin slider / list

Download our sample Layout Block:

  • Content list
  • Content slider
  • Parameters
    • Label (section title) (localized)
    • Section icon (localized)
    • Media type (image, video)
    • Media URL (localized)
    • Image position (left,right)
    • Text (localized)
    • Description (localized)
    • Read more Link Text (localized)
    • Read more Link URL (localized)
    • To all Link Text (localized)
    • To all Link URL (localized)

Will be used for:

  • Articles
  • Marketing messages
    • _____________________
12

Newsletter subscription

  • Newsletter subscription
  • Parameters
    • background image (localized)
    • Title (localized)
    • Sub-title (localized)
    • Sticker color
    • Sticker text (localized)
    • Default e-mail (localized)

13

Text section

  • Text section
  • Parameters
    • Title (localized)
    • Title Image URL (localized)
    • Columns (1,2,3)
    • Text col1 (localized html)
    • Text col2 (localized html)
    • Text col3 (localized html)
    • Read more Link Text (localized)
    • Read more Link URL (localized)

14

Form

  • Contact form
  • Consulting form
  • Parameters
    • title (localized)
    • description (localized)
    • button color
    • button text (localized)
    • target url (localized)
    • image url (localized)
    • * star comment (localized)
      • field name
      • label name (localized)
      • label type (drop-down, text, textarea, email, password, …)
      • list of values (for drop-down)
      • Icon
      • Defaul text input (localized)
15

Overlays

  • Subscription overlay
  • Product recommendations Overlay
  • Basket level Overlay
  • Parameters (same as for banners above)
  • No labels