ISS Web Portal

In the beginning…

We built the initial framework for the ISS web portal not fully understanding how it would evolve and grow over time. We crafted some clean and reusable sections but the new use cases kept coming fast.


UI Library

In order to maintain consistency and reduce our code bloat, we built out a UI library of all of the reusable UI elements. This included things such as error banners, buttons, form inputs, and other commonly used elements. It also included common page layouts and ways to reuse them to best fit the needs of the page. This allowed the backend team to solve some of the simpler pages without a reliance on the front end team.

The Real You

The Survey

Sign up to take a quick 50 question survey. The survey questions are grouped together by the different areas we are testing for, but randomized within to prevent biases from skewing the results. The goal was to make the survey process quick and painless so the user doesn’t get fatigued and tire of answering.


The Profile

After running their responses through our custom built algorithm, we provide you with a customized profile explaining each area and where you specifically land in that area. The report was completely responsive but allowed you to print a PDF version if preferred.


The Home Page

The home page was designed by a trusted partner and we built it with reusable sections of code in case new ones were added. We also added some subtle animations to the SVG art to give it a bit more excitement.

eTime

A Path Forward

ISS had a long term goal of tracking the time and location of their staff to help streamline their billing process. The goal was to have a native app eventually but resources and customer training meant a web app would be a good on-ramp to that eventuality. So we built this web app knowing that it would need to be a familiar transition for users when the day for the native app finally came.


Going Native

The native app would allow us to take advantage of location services and offline storage. We evolved the design slightly to differentiate between the web and native while still maintaining similar workflows.

Apple

From Database to React

We were asked to move a system built onto a legacy database system into a React-based website. It was an internal system that would make massive quality of life improvements for the internal users. The scope of the database was such that we decided to build reusable components that would solve for all scenarios.


Keeping it Familiar, Yet New

The goal was to build out a UI that would follow similar patterns to the existing database but let the web version do what the web does best. We also needed the UI to expand as more features were desired or uncovered from the legacy system.

Learning Management System

Building a Custom LMS

Several clients expressed a need for a custom learning management system in order to allows their users to take courses online and track their progress. After some careful planning and forward thinking, we came up with a solution that would scale and meet the requirements for several clients with minimal customizations.


Flexible and Fun UI

The UI we developed was able to adapt across multiple clients. We were able to evolve the interface with each implementation but the core layout structure remained very similar. We also focused on putting some subtle and fun animations in to save the end user from just another boring training.


When the World Shutdown

Our LMS was implemented for a client to much succcess with over $1 million in sales in the first year. When the world shut down due to the pandemic in 2020, we were able to move all of their in-person events into the LMS and help the company survive the transition.