Theming a resorts new Aspenware Commerce site is an important part of the on-boarding services that we offer at Aspenware. One of the reasons that resorts choose Aspenware is that we have the ability to integrate our e-Commerce platform seamlessly into their customer experience - transitioning customers from their brand site to their store with the same general look and feel between both experiences.
How AW does theming.
To accomplish this, we provide custom theming as part of the standard on-boarding experience. The process involves several members of the team: a dedicated service team member, a front end developer, and a product owner to manage the delivery and timelines and facilitate the process.
In general terms, the process works in this general order.
Sales brings us a new Resort → Resort is assigned a Client Services team member → Services and Product Owners work out on-boarding timelines and allocate staff resources → Services and AW “designer” meet with Resort to decide on theme options → Theme Setup Task is assigned to Developer → Client Services works with Resort on feedback → Client Services works with Developer to resolve feedback.
The standard theme offering includes up to 20 hours of development resources. Most themes will take less time than that, however that time does include revisions based on feedback from the resort.
Theming is accomplished primarily through the use of dedicated CSS files for each resort, contained within a Theme folder. When the Resorts Store loads, their theme CSS gets applied to the DOM after any application specific CSS, overriding default values as needed to achieve the desired theme results.
It is recommended that you use AW Theme Designer for the theming process.
Other items that their theme folder contains include images (jpg), logos (png or svg), fonts (if embedding), theme config files (json), and custom header/footer files. When working on themes, you will be updating all of these files in the theming process. 90% of the theme set-up is accomplished through the editing of resort specific SCSS files contained in their theme folders. More details on the specific theme setup process can be found here: Step By Step Theme Guide
What does theming include?
Theming is part design, part development. Theming is applied to varying degrees on both the resorts Commerce and Identity platforms.
We will apply their brand colors appropriately to the design templates.
We will optimize and scale and crop images wherever necessary for the theme. That includes logo images, hero and slider images, various page background images, spinner/loader images, and create favicon sets.
We will also embed or import brand fonts into our Commerce platform and apply them as defined in any brand guides that resorts provide. We do not provide font embedding on the Identity platform.
Finally, within reason, we will attempt to apply similar general aesthetics to the Commerce theme as those found on their brand site. This includes button styles, card styles, font styles placement, color placement, and integration of their brand header/footer using our site scraper when possible or development of a simple header/footer using their brand colors and logo.