Marty Abrahams, Tech Lead at Banjo Advertising, presented a great case study at Kentico Roadshow in Sydney and explained how the Banjo team used Kentico Cloud to build a brochure website for the government client VET, Vocational Training and Education. Find more on https://kenticocloud.com/blog/building-website-for-vocational-training-education

1. Case Study
Vocational Education and Training
by
Martin Abrahams
Banjo Advertising

2. Overview
• Key Project Information
• Why Kentico Cloud
• Tech Stack
• Content Block Design Pattern
• Image Cropper
• Handling Form Data

3. Key project information
• It’s a campaign site – “V.E.T Opens
Doors”

4. Key project information
• It’s a campaign site – “V.E.T Opens
Doors”
• Brochureware / non-transactional

5. Key project information
• It’s a campaign site – “V.E.T Opens
Doors”
• Brochureware / non-transactional
• Up to 80% mobile/tablet viewers

6. Key project information
• It’s a campaign site – “V.E.T Opens
Doors”
• Brochureware / non-transactional
• Up to 80% mobile/tablet viewers
• 4 target audiences / landing pages
Students, Parents, Career Advisors, Employers

7. Key project information
• It’s a campaign site – “V.E.T Opens
Doors”
• Brochureware / non-transactional
• Up to 80% mobile/tablet viewers
• 4 target audiences
Students, Parents, Career Advisors, Employers
• Tight deadline (< 30 days)

8. Why Kentico Cloud?
• Suits rapid development

9. Why Kentico Cloud?
• Suits rapid development
• Suits content block design approach

10. Why Kentico Cloud?
• Suits rapid development
• Suits content block design approach
• Light weight and fast

11. Why Kentico Cloud?
• Suits rapid development
• Suits content block design approach
• Light weight and fast
• Platform agnostic

12. Tech Stack

13. Content Block Pattern
• Common pattern in CMS products
• Moves the complexity from the page level
into the blocks
• Represents a row at the desktop level
• Works well with responsive design
• Allows for sharing/re-use of content
• Multiple configuration options per block

14. Using this pattern with KC
Pros
• Works very well with Modular Content
• In-situ representation of structure in
the CMS, it’s intuitive to the content
editors
• Single API request per page view
Cons
• Lots of items in Inventory, can become
messy

15. Content Types

16. Image Cropper Solution
• Custom asset class to wrap the delivery client’s asset model.
• API Controller to generate the custom images
• Disk caching
• CDN caching

19. Handling form data
• Forms are written in AngularJS on the client side.
• Data is posted to our .net API Controller.
• Pushed to Firebase Realtime Database

20. Firebase Real-time DB
What is Firebase?
• It’s a cloud hosted No SQL database
• Supports cloud functions
• Very cheap, very fast
• .net SDK avaible, one line of code to
insert data.

22. Thank you
• vet.nsw.gov.au
• banjo.com.au