AGENCY: Catalyst IT, 2023
ROLE: IA, UX/UI Design, Digital Marketing
Giving clients a head start on their site
The Catalyst Starter package is built on the Silverstripe CMS, and designed to give our clients a head start with their project. The Starter is hosted on servers in the ISO-27001 certified Catalyst Cloud and located behind a Web Application Firewall and optional CDN.
The example I’m focussing on here are for an event site that shows the flexibility of the Starter theme templates, and how it easily transforms itself into an entirely different look and feel as a client’s unique brand is applied. The example mockup shown contains the same functionality as the base site, the changes made have only been on the styles.
Flexible block-based templates, all pre-tested for Accessibility
The base “out of the box” Starter includes a suite of commonly used modules and element blocks. These have all been pre-tested to pass the WCAG 2.1 AA Accessibility Standards, and are tested again after any customisations are added. All new elements will also be tested before a site launches.
The demo has been given some basic styling to help you visualise how it could work for your organisation. When you view the demo, you’ll be able to navigate through the page types and have a look at the different elements that come with the package. The templates are all quite flexible, using draggable rows, and allow you to have multiple WYSIWYG blocks on a page which is extremely helpful when formatting a template.
Subsites allow for multiple brands and subbrands
The dev lead also included the ability to create subsites with their own brand colours and identity. These sites can also have their own URLs. This is perfect for creating marketing landing pages, event sites, or any other sort of site that needs to be kept separate from the main site. Subsites use all the same blocks and elements of the parent site, but the will use the subsite colour and font selections.
The design of the site allows clients to deliver their brand image and views and is a true representation of their voice. By taking a user-centric design approach and working closely with the clients help us all achieve successful results.
Digital marketing pieces can be included in the package
I’ve also included in these mockups are examples of how the messaging could be carried through on various social media outlets. Template assets for sites like LinkedIn or Twitter, and any other extra graphics needed, can be included. All templates, elements, design system (ie. style guide elements, examples of button and link states, module styles and usage rules etc.) will be handed over using the cloud-based Figma app. This allows for the client to access any needed files for marketing resources, print & digital media, and keep the consistency across the board. There will also be sample template layouts for the content teams to reference and view the elements available to them.
View the YouTube Shorts: Short Promo 1, Short Promo 2, Short Promo 3
An easy to use, secure CMS
The Silverstripe CMS is quite user-friendly, making it quick for content editors to build out new pages .
WCAG AA compliant
The base theme functionality comes fully tested, so that the only new testing is for any custom elements that are created.
Flexible page template
Templates use both the WYSIWYG + element blocks which makes for great customisation options.
An easy to use, secure CMS
The Silverstripe CMS is quite user-friendly, making it quick for content editors to build out new pages .
WCAG AA compliant
The base theme functionality comes fully tested, so that the only new testing is for any custom elements that are created.
Flexible page template
Templates use both the WYSIWYG + element blocks which makes for great customisation options.