Marketing: Required Theme Decisions & Assets

Overview

The Aspenware Design Team is responsible for creating a theme for the resort. The resort will have the opportunity to provide one round of feedback to request any changes they'd like to see made. However, before Aspenware can begin work on the theme, the Resort Marketing Team must provide them with their choices for the following theme decisions, as well as the necessary marketing collateral outlined in this document.

Theming Process

  1. In a joint marketing meeting, Aspenware and the resort review theme decisions, asset requirements, and preview the Theme Designer.

  2. The resort provides required materials and decisions through Aspenware’s Monday Board within 5-business days of the marketing meeting.

  3. Aspenware’s Implementation Representative reviews and submits the resort’s provided information.

  4. Aspenware’s Design Team creates the theme and returns it to the resort for final review.

  5. The resort may be eligible to provide theme edit requests based on Aspenware’s allowances outlined in the Theme Revision Guidelines.

  6. Aspenware returns the final theme to the resort for go-live.

 

NOTE ON IMAGES:

The standard minimum required sizes for resort-provided images are listed below in-line with each image requested. Images must be below 400k in size to maximize site load times and it is recomended to provide image files as close to 300k as possible. It is recommended that the resort crops the images prior to sharing with Aspenware, since quality will be affected if Aspenware needs to stretch them. If the resort is unable to modify the image, Aspenware will crop the image. In order to reduce load times, Aspenware will optimize images to balance file size with quality.

Additionally, the more complex and intricate the image provided, the more noticeable the compression will be. As such, Aspenware recommends providing images that are relatively simple and do not contain large areas of complicated textures, e.g., detailed trees.

HINT: For a free tool for reducing image sizing go to https://tinypng.com. It can often be used with no noticeable degradation in quality to reduce an image size.

NOTE ON LOGOS:

The preferred format for logos is .svg. This format allows for resizing and transparency without any loss in quality. Aspenware can also work with .eps and .png, so long as the .png file has transparency and no background.

Provide theme decisions

Decisions on all of the items in this list must be completed.

1. Provide three theme colors and hover colors

Colors (HEX)

Colors (HEX)

Primary color + Hover color

Secondary color + Hover color

Tertiary color + Hover color

 

2. Select desired hero height

Options

Examples

Mobile Examples

Options

Examples

Mobile Examples

Tall

 

Medium

 

 

 

Short

(Aspenware Recommended)

 

 

 

3. Select hero mechanism

Options

Examples

 

Options

Examples

 

Dynamic

Hero changes randomly to a product card image from the active category.

Static

Hero is a static image and will not change based on different product cards in the active category.

 

4. Provide header background color in HEX

 

5. (Optional) Provide a link for header logo and side-bar logo

The header and side-bar logo are set to a clickable link. Please provide the full link.

 

6. Provide the following details for the footer

 

 

 

 

 

7. Provide Card Liner Background Color (Legacy Only)

Color (HEX)

Examples

Color (HEX)

Examples

Card liner background color

 

 

9. Select “Sub-Category” Tab Style

Option

Tab Elements

Example

Option

Tab Elements

Example

Tab Option A

 

  1. Capital-cased

  2. Active sub-category text is colored and underlined

Tab Option B

  1. Uppercase forced

  2. Active sub-category text is colored and underlined

Tab Option C

  1. Capital-cased

  2. Active sub-category text is highlighted in a box

Tab Option D

  1. Uppercase forced

  2. Active sub-category text is highlighted in a box

10. Select PDP image display

Option

Examples

Option

Examples

Image slider

Multiple images can cycle through different photos on swipe or click.

Alternatively you can upload a single photo and it will behave as a static image on the PDP.

Dynamic PDP hero replacement

Product images can replace the hero image when navigating to the PDP.

 

 

No product image

No product image will display on PDPs.

(Note: Retail products will still display a PDP image.)

 

Provide required marketing assets (Legacy and Cloud UI)

11. Provide Half Hero (My Account Page image)

  • Image dimensions: 1920 × 400

 

14. Provide Main Hero image (default landing image)

Depending on size selection in #4:

  • Tall hero image dimensions: 1920 x 550

  • Medium hero images dimensions: 1920 x 400

  • Short hero image dimensions: 1920 × 285

 

13. Provide Full Page Background (checkout)

  • Image dimensions must be 1920 x 1080px

 

14. Provide Logo image

  • .svg file, no default size requirement

  • Image dimensions must be 400 x 400px (Minimum) for PNG file

  • Must be transparent

  • Logo placement: the store header logo, checkout page, vouchers, and footer

15. Provide sidebar logo

  • File must be in .png or .svg

 

16. Provide Favicon images of logo

  • File must be 200 x 200px

  • File must be in .png or .svg

  • Provide a file for each favicon type:

    • Ico favicon

    • 16x16

    • 32x32

    • 48x48

 

17. Provide Logo for Loading Animation

  • File must be 200 x 200px (Aspenware can produce for the resort from logo file if necessary)

  • Aspenware will apply the loading animation and only providing a static image is required

 

18. Provide Link to Webfont (eg Google Font)

  • Specify the font(s) to be used on the Ecommerce site

  • Provide AW with the path(s) to the CSS font file where the @font-face font definitions exist

    • Example Google Font Path: https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Roboto+Slab:wght@400;500;700&display=swap

19. Provide Brandbook

  • Recommended if the resort has one available to help Aspenware’s Design Team stay on brand.

 

21. Sign in image (Identity Only):

  • Provide a 1920 x 1080px image for desktop sign-in page.

Computer

Mobile

Computer

Mobile