About UI/UX Other Works Contact
Design Template 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
- Prioritised Quick LinksMoved high-frequency access shortcuts to the top for immediate user access and reduced clutter.
- Elevated Spotlight StoriesRepositioned leader-posted stories below quick links, enhancing visibility for key announcements.
- Dedicated 'Happenings' BannerIntroduced a clear banner for easier discovery of company updates and events.
- Interactive 'Hero' CarouselTransformed the static hero into a dynamic carousel to display view more information regarding skills/competencies.
- 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
This template redesign presents a standardised structure for general informational content, focused on improving content readability and navigation. Key features include:
- Overview SectionAn overview section (left column, below title banner) provides immediate context and a brief introduction of the page content.
- Quicklinks (External/Useful)They are positioned in the right column for immediate user discoverability and quick access.
- 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.
- 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.