Shermin.
About         UI/UX          Other  Works          Contact
    🔗





Design Template Creation

Leveraging insights from the product assessment and focus group discussions, I identified the most common content page types and user needs across ONESpace. With a mandate to develop 5 essential templates, the focus was on designing versatile frameworks for distinct content use cases that could be adopted across the entire platform. These templates will then be used to provide a standardised structure for various content types for users to use during content creation.

These were categorised by their primary use cases:
  • Homepage
    Main landing page that includes quicklinks, shortcuts to various pages, featured news and access to up and coming happenings.

  • Subsite HomepageA versatile layout for the main landing page of various departments or initiatives within ONESpace.

  • Basic Information Page
    Ideal for general content, articles, or static information.

  • Document Listing PageFor showcasing collections of downloadable resources or reports.

  • Step-by-Step Guide PageStructured for sequential instructions, often incorporating tables for clarity.

  • FAQs PageOptimised for presenting frequently asked questions and their answers.




Before


Initial homepage layout with fragmented content and navigation.

After
Homepage Redesign Decision
  1. Prioritised Quick LinksMoved high-frequency access shortcuts to the top for immediate user access and reduced clutter.

  2. Elevated Spotlight StoriesRepositioned leader-posted stories below quick links, enhancing visibility for key announcements.

  3. Dedicated 'Happenings' BannerIntroduced a clear banner for easier discovery of company updates and events.

  4. Interactive 'Hero' CarouselTransformed the static hero into a dynamic carousel to display view more information regarding skills/competencies.

  5. Prominent Guides CTAIntegrated a clear Call-to-Action for ONESpace guides, addressing low awareness from focus group feedback. 

    • Streamlined FooterRevised the footer to include essential links and company information without cluttering the main content







      Basic Info Template Redesign
      This template redesign presents a standardised structure for general informational content, focused on improving content readability and navigation. Key features include:

      1. Overview SectionAn overview section (left column, below title banner) provides immediate context and a brief introduction of the page content.

      2. Quicklinks (External/Useful)They are positioned in the right column for immediate user discoverability and quick access.

      3. Jump Links (For Long Content)For informative content, a 'jump links' (table of contents) section is incorporated after the overview, enabling users to quickly navigate to specific content sections.

      4. Content OrganisationTo manage information density with multiple subheadings, content is structured within accordions. Each accordion section includes a 'Back to Top' link to bring users back to the jump links for improved navigation and reduced scrolling fatigue.

      Say Hello!

      Email me at shermin.work@gmail.com
      © 2025. All rights reserved.

          🔗