Webinar: UI/UX best practices in cms based web design

UI/UX Best Practices in
CMS Based Web Design

Housekeeping
• Webinar recordings and slides will be shared with all
attendees
• Type in your questions and comments using the
questions pane on the right hand side
• “Special Offer” exclusively for the webinar attendees
© Harbinger Systems | www.harbinger-systems.com

Presenters
Kirti Wagh
Associate Design Manager
Harbinger Systems
Eshan Sarpotdar
Digital Content Writer
Harbinger Systems

Agenda
• Content Management System
• Importance of UI/UX in CMS based design
• Standard Template method
• Custom Template method
• Best UI Practices – Standard Template & Custom Template
• Recommendations
• Special Offer
• Q & A

Content Management System
A Content Management System is a simple and quick way to
develop a website.
CMS Features
• Quick development and deployment
• Easy design capabilities
• End-to-end site management
• Easy for non-technical user to manage
• Increased SEO performance
• High-end engagement with online content

CMS Benefits
Create Manage Implement
Shared
Resources
Database
Driven
Branding
Security &
Approval
Systems
Mobile Ready
Search
Engine
Friendly
We can create new pages,
sections, menus, media etc.
Easy to edit, format content
and manage the site
Easy to implement ready
code and template
Consistent brand and
standard navigation
Change once, update entire
website
Access to modules, images,
audio, video files etc.
Different levels of access
for approving content
Templates are mobile
compatible
Optimizes your website for
SEO compatibility

Importance of UI/UX in CMS Design

Before After

• UI/UX is based on below parameters:
• Demography
• Features provided by CMS
• Domain/Business
• Scope of customization
• UI/UX approach differs for various CMS
• Two ways of design implementation:
Standard Template Custom Template

Standard Template - Overview
• Ready designs available
• Follows the basic UI/UX guidelines
• Templates available with HTML/CSS
• CMS compatible
• Easy to implement and manage
• Template based sites may look alike

Standard Template - Example
Before After

Standard Template - Example
Before
After

Standard Template - Process
Select
Template
Change
branding and
images
Add pages,
navigation&
content
Deploy the
changes on
server
Website
ready!!

Custom Template - Overview
• Liberty to create design
• Add UI/UX value based on scope of customization
• Knowledge of framework is required
• The design should be easy to integrate
• CSS plays a major role
• We can achieve unique design
• Consumes more efforts

Custom Template - Example
Before After

Before
After

Create Custom
Design
Select default
template
Customize
template
Template
Integration
Add pages,
navigation &
content
Deploy the
changes on
server
Website
ready!!
Custom Template - Process
As per framework
compatibility
Modify CSS &
template

Best Practices – Standard Template
Do not change
the layout or
structure of the
template

We can change
the branding of
the template to
match the client’s
branding
This change
should be mainly
in terms of colors
and images

Once the branding is changed, we can add or edit content,
images as per client requirement
This is the quickest way to build a site or portal using CMS

Best Practices – Custom Template
It is important that the designer is aware about the framework
functionality before starting the design.

Maintaining consistency in design is very important. Same
section on different pages should look same.

Customizing plug-in should be studied and developed such that it
is easy to integrate and manage later

Recommendations – CMS Design
Choose standard template approach when:
• Less time – quick development
• Minimum needs
• Cost efficient
Choose custom template approach when:
• Looking for unique design
• CMS facility
• No major cost and time limitations

Recommendations – Startup ISV
Getting business started
Simple and powerful design
Cost efficient

Recommendations – Enterprise ISV
Achieve more business
Achieve exceptional User Experience
Cost is secondary

Special Offer for Webinar Attendees
Get 1 Hour Free Consultation from our UI UX Experts
Discuss your UI & UX Challenges
Write to us at hsinfo@harbingergroup.com to avail your offer.

Thank You!
Visit us at: www.harbinger-systems.com
Write to us at: hsinfo@harbingergroup.com
Blog: blog.harbinger-systems.com
Twitter: twitter.com/HarbingerSys (@HarbingerSys)
Slideshare: slideshare.net/hsplmkting
Facebook: facebook.com/harbingersys
LinkedIn: linkedin.com/company/382306

Webinar: UI/UX best practices in cms based web design

More Related Content

What's hot (20)

Viewers also liked (15)

Similar to Webinar: UI/UX best practices in cms based web design (20)

More from Harbinger Systems - HRTech Builder of Choice (20)

Recently uploaded (20)

Webinar: UI/UX best practices in cms based web design

Editor's Notes