Web Design - OurUserGuide/OCSC GitHub Wiki

Our Design Approach

  1. Responsive Web design
  • Automatically respond to the user’s behaviour and environment based on screen size, platform and orientation.

Mobile View

Mobile View

Desktop View

Desktop View

  1. Human Centred Mobile First Design
  • Mobile first", as the name suggests, means that we start the product design from the mobile end in which it has more restrictions, then expand its features to create a tablet or desktop version.
  • It also known as Multi screen designing, regardless of what devices that we are using.
  • Mobile first is making the web site load faster. Decreasing the site’s loading speed matters.
  1. Customer Journey Path Focused
  • Web Content Tracking, to measure how often a specific product/ad/page was displayed on our website or how often it was clicked. The collection of relevant data points, which could be used for Web analytics to measure, collect, analyze and report web data for purposes of understanding and optimizing web usage for business decisions.

Content Tracking (Data Collection Points)

Business Intelligence Report

  • Customer Centric Approach
    • Create a customised page per persona
    • Create Targeted Landing Pages & Content for Each Persona
    • Identify Web Page Content by Persona
    • Separate Content in Resource Centres: Create categories of content for each of your personas in addition to the general content you provide, and bucket that persona-based content under those categories for visitors to sort through.
    • Segment Blog Content Using Categories/Tags
    • Break Out Product Content
    • Divide Case Study Content

Dynamic Web Front