Skip to main content
Web Navigation New UI

Discover what's new!

G
Written by Greg Mandy
Updated over 3 months ago

Overview

We are excited to announce a significant update to the Service Geeni platform, featuring a completely redesigned navigation layout and a refreshed user interface (UI). This update aims to enhance user experience, making the platform more intuitive and visually appealing. It brings a modern, cohesive look to the entire system, enhancing both aesthetics and usability.

Tip: Use the navigation column on the right to click through the different sections!

Learn about the New UI

Brand-Aligned Colors

The new colour scheme has been thoughtfully designed to reflect the SG brand. These colours are not only visually appealing but also improve readability and reduce eye strain, providing a more comfortable user experience.

Enhanced User Interface

Every element of the user interface has been updated to be more user-friendly:

  • Buttons: Redesigned with clear, distinct colours and improved spacing to make them more clickable and easier to identify.

  • Columns and Sections: Organized with a cleaner layout, ensuring that information is presented in a logical and accessible manner.

  • Text Fields: Enhanced with better contrast and larger fonts to improve readability and ease of use.

Consistent Look and Feel

Each page within the system has been given a fresh, new look. This consistent design approach ensures that users can navigate the system seamlessly, with a familiar and intuitive interface across all modules.

Improved Usability

The UI refresh is not just about aesthetics; it’s about making the system more efficient and enjoyable to use. The changes include:

  • Clear Visual Hierarchy: Important information is highlighted, making it easier for users to find what they need quickly.

  • Responsive Design: The interface adapts smoothly to different screen sizes, ensuring a great experience on both desktop and mobile devices.

  • Accessibility Enhancements: Improved colour contrasts and font sizes make the system more accessible to all users, including those with visual impairments.


Navigation Layout Update

Learn about the Navigation Layout Update

The navigation layout has undergone a significant transformation to enhance usability and accessibility. Previously located at the top, the navigation menu has now been moved to the left side of the screen. This change eliminates the need for horizontal scrolling, which was not user-friendly, and makes all modules more visible and easily accessible.

Key Improvements

  • Clearer Module Access: Modules are now more clearly defined and easier to access, reducing the time users spend searching for specific features.

  • User-Friendly Design: The new vertical layout is more intuitive, allowing users to see all available options at a glance without the need for additional clicks.

  • Improved Font Sizing: Text font sizes have been optimised to be more user-friendly and easier on the eyes, enhancing readability and reducing strain.

  • Accessible Submodules: All submodules are now directly accessible from the main module on the left, eliminating the need to open a module to view its submodules.

Intuitive Left Navigation

The left navigation menu is designed to be highly intuitive, providing a seamless user experience. Here are some of the features that make it stand out:

  • Expandable and Collapsible Menu: Users can expand and compress the left navigation menu to suit their needs. This feature allows for more screen space when necessary, ensuring that the navigation menu does not interfere with the user’s workflow.

  • Persistent State: The system remembers the user’s preference for the navigation menu state (expanded or compressed). This means that if a user decides to compress the menu, it will remain compressed the next time they log in, providing a consistent and personalised experience.

  • Quick Access to Modules and Submodules: The left navigation menu allows for quick loading of both modules and submodules. Users can easily navigate through the hierarchy without unnecessary clicks, making the process of finding and accessing specific features more efficient.

  • Visual Cues: The menu includes visual cues such as icons and colour highlights to indicate active modules and submodules, helping users to quickly identify their current location within the system.

  • Tooltips for Compressed Menu: In the compressed state, users can hover over the icons to see a tooltip with the module name, ensuring they can still easily identify and access the modules.

These enhancements are designed to make the navigation layout more intuitive and user-friendly, ultimately improving the overall user experience. By providing a clear, accessible, and customisable navigation menu, we aim to help users navigate the system more efficiently and effectively.


Home Favourites

Learn about Home Favourites

Introducing two new buttons designed to enhance navigation and accessibility within the Service Geeni platform: the Home Button and the Favourites feature.

Home Button

To provide quick and easy access to the homepage, we have added a Home Button at the top of the left navigation menu. This button allows users to return to the homepage with a single click, streamlining navigation and improving efficiency.

Favourites Feature

The new Favourites feature allows users to customize their navigation experience by providing quick access to their most frequently used submodules and actions. Here’s how it works:

  • Customisable Favourites List: Users can add up to five submodules or actions to their favourites list, making them easily accessible from the left navigation menu.

  • Frequently Used Items: The platform automatically tracks the submodules and actions that users access most frequently and includes them in a separate list. Each item in this list has a star icon next to it.

  • Manage Favourites: Users can manage their favourites list through the Manage Favourites option. By clicking the star icon next to an item in the frequently used list, users can add it to their favourites list. This flexibility allows users to maintain a personalized list of important submodules and actions, making it easier to find and access them quickly.

These features are designed to provide a more personalized and efficient user experience, helping users navigate the platform with ease and focus on the tasks that matter most to them.


My Account Section

Learn about the My Account Section

The “My Account” section is now located at the bottom of the left navigation menu, providing quick access to user-specific settings. Clicking “My Account” redirects users to the user settings page.


Branch

Learn about the Branch Section

The Branch feature has been moved out of the settings and now resides under the Service Geeni logo at the top of the left navigation menu.

  • Current Branch Display: The currently selected branch is displayed in green, making it easy to identify at a glance.

  • Branch Selection: Users can change the branch by selecting the dropdown next to the current branch name.


Module Renaming and Reorganisation

Learn about Module Renaming and Reorganisation

As part of our ongoing efforts to improve the user experience, we have made several changes to the naming and organization of modules and submodules within the Service Geeni platform. These changes are designed to make it easier for users to locate relevant information and ensure that related features are grouped together logically.

Renaming of Modules and Submodules

To better reflect their purpose and improve clarity, the following modules and submodules have been renamed:

  • Customer is now Records

  • Customer and Site Enquiry is now Customer and Site Records

  • Equipment Enquiry is now Equipment Records

  • Tool Enquiry is now Tool Records

  • TCC Enquiry is now Forms Enquiry

  • Equipment Deal Enquiry is now Equipment Deal Records

  • Stock Enquiry is now Stock Records

  • Miscellaneous Items Enquiry is now Miscellaneous Items

  • Purchase Enquiry & Stock Purchasing is now Purchase Records

  • Timesheet is now Engineer Timesheets

Reorganisation of Submodules

In addition to renaming, we have also reorganized certain submodules to ensure they are placed under the most relevant modules:

  • The Equipment Deal module has been removed. Its submodules, Equipment Deal Enquiry and Equipment Deal Invoice, have been moved to the Equipment module.

  • Supplier Account has been moved from the Stock module to the Records module.

  • Engineer Shifts has been moved from the Scheduling section to the Settings section.

User Access Group Settings

All these changes will also be reflected in the User Access Group settings. The modules and submodules will be rearranged accordingly to maintain consistency and ensure that users have the appropriate access to the newly organized features.

These updates aim to streamline navigation and improve the overall user experience by making the platform more intuitive and logically structured.


Dashboard Layout Changes

Learn about the Dashboard Layout Changes

We are excited to introduce several enhancements to the dashboard layout aimed at improving usability and visual appeal. These changes are designed to make the dashboard more intuitive and user-friendly.

Consistent Color Scheme

The dashboard will now feature a new, consistent colour scheme that is easier on the eyes. This update aims to reduce visual strain and create a more pleasant user experience. The colours have been carefully selected to ensure clarity and readability across all sections of the dashboard.

Layout Division

To enhance the organisation and accessibility of information, the dashboard will be divided into two main sections. Any new additions to the dashboard will automatically fall into the appropriate section. This will help users to keep their dashboard clean and also have important information easily accessible. A Customise Dashboard button has been placed at the top right to add elements to the dashboard.

1. KPIs and Reports:

  • Location: Upper half of the dashboard

  • Content: This section will display key performance indicators (KPIs) and reports, ensuring that critical information is easily accessible at a glance. The placement at the top of the screen allows users to quickly review important metrics and data without scrolling.

2. Submodules:

  • Location: Lower half of the dashboard

  • Content: This section will house the submodules, providing a clear division from the KPIs and reports. By positioning the submodules at the bottom, users can focus on the primary information first and then navigate to additional functionalities as needed.


Top Panel

Learn About the Top Panel

The top panel has been redesigned to enhance functionality and user experience. Here are the key features and improvements:

1. Bell Icon for Notifications

  • User-Friendly Notifications Panel: The notifications panel has been updated with a new user interface that makes reading and managing messages more intuitive.

  • Unread Messages Indicator: The bell icon will display the number of unread messages. When opened, a red dot will signify an unread message.

  • Actionable Messages: Three dots on the right of each message will open a menu with available actions that the user can take on that message.

  • Clear Information Display: Notifications will now prominently display important information such as the date and the sender, making it easier to identify and prioritize messages. This results in a much cleaner and more organized screen compared to the old design.

2. Settings

The settings section has been reorganized for better accessibility and usability:

  • Select Branch Option: This option has been moved out of the settings section and is now located at the top of the left navigation menu.

  • User Settings: User settings have been relocated to the “My Account” section, which can be found at the bottom of the left navigation menu.

The settings section now includes the following:

  • System Settings

  • Language

  • Support Portal

  • Audit Log

  • Engineers: This section, previously a submodule, has been moved to the settings. As it is a place where users can change settings for engineers, it is a better fit in this location.

3. Help Geeni

  • The Help Geeni feature has evolved into a neat interactive assistant - connecting you to our Knowledge base, Onboarding Portal, Customer Portal, Help Centre and Messaging service.

We hope you enjoy the new look and layout!

Did this answer your question?