Creative front-end design variations
CMS / Eventsforce
What
The public-facing front-end of the Eventsforce product is templated - it is intended to allow the client to get a website up and running quickly, while having access to brand their site with a colour scheme, logo and images.
The design itself was created and established in the product long before I joined the team, and I have not been tasked with updating the design.
The Classic version of Eventsforce offers customn design templates as a service (which I have also worked on) and this is not available with the newer X5 version.
Customers appreciate a way to customise their online presence to suit their brand so it got me curious about ways to achieve a new 'custom' design without any product development time and effort.
Why
I wanted to see what we could achieve visually in the front-end with just adding content (as the client would in the admin back-end CMS) and CSS into the client-accessible custom CSS modal.
My aim was to create five sites for different client sectors, which each looked different visually.
The challenge was to do it with the same tools and features that the clients have available to them.
How
First, I decided on the design directions and styles that I wanted to recreate, so I thought about the types of Eventsforce users and came up with these themes:
- Charity
- Corporate
- Creative
- Education
- Science
I created some images, changed some visual styles and tinkered with the CSS to change the positioning of divs so that the page structures were different from each other.
Each ‘design’ was checked to make sure that it was mobile responsive.
Result
This is a showcase of customising possibilities for clients who have the HTML knowhow - being self-service can be a huge perk to some users who have in-house design and HTML skills.
I got to dust the cobwebs from my HTML and CSS brain since I don't get to code anymore, and I rather enjoying playing with code again! This was a really nice way to take a step back and feel excited about a platform that I work with everyday, and see it with different eyes.
Design
The default Eventsforce front-end design - the HTML and page structure that I was working with
Charity theme
Corporate theme
Creative theme
Education theme
Science theme
