cover-image

VSP Intranet

About

VSP Intranet was created for VSP Solutions to solve common communication and business problems internally. Their internal systems were scattered across many different platforms and a lot of information was duplicated as a result.

VSP Solutions is a video surveillance software and hardware wholesale distributor based in Australia with 5 offices nationwide. They are a small business that employs over 30 staff members with various roles such as Sales, Engineers, Technicians, Warehousing, Finance and Marketing.

The Intranet was designed for staff members to log in, share information, synchronise information and perform business tasks such as registering projects, applying for leave and claiming expenses. The project has over 30 active users.

Technologies Used

Frontend

  • JavaScript (React)

Backend

Database

User Interface

VSP Intranet was initially built with React Bootstrap but then was eventually refactored with Material-UI. The app has full dark/light theme support, responsive UI compatible with mobile views and full component customisation with full support for Styled Components.

Dark mode vs light mode (staff calendar)

image-32cc312099c44f0b3de35fff7871c57d989591be-2560x1262-png
image-70e8a47f03f5c4c8a44d5c2d3b96df1fb3b6346b-2560x1262-png

Mobile views

image-4647a90a7fb963903250ff043dc3ef414c672b94-469x1016-png
image-abad0ed00f1ba0af0220a9c59201d107d1604d0c-469x1016-png
image-b408c8869e402267c23389e60beed4f6d972aac2-469x1016-png

Responsive grid system

image-d23f559283381dbedfcaa5eaaea9d9dd6649617e-1168x938-gif

Sales tools

Various sales tools were implemented to assist the sales team in excelling at their job. Below are examples of some pre-sales tools such as a Pricing Calculator a Storage Calculator and a Project Collaboration tool.

image-f879cc3e5ead240505e62a752e829d3d89705c4c-444x624-gif
image-ac35ca666377f4f1cade215d3ce653d50ff55d2b-444x780-gif
image-a2a015f233f123ecdc07ddbc189ce46fa44f7114-600x874-gif