Spark Site Builder

UX & UI Design

Introduction

At Hireology, subscriptions for users often include a career site where they can advertise open positions at their company to interested applicants. The customization of this site varies, depending on the level of subscription and white-glove service being paid for. But regardless of how customized a site is, the site is always built using an internal-facing tool by employees of Hireology. While originally a reasonable solution at the time of its conception, this process no longer proves to be the most resource-conscious use of time as Hireology gains more and more new customers. 

Brief

This project was tied closely to my Career Sites Template project. The end goal was to create an interface for Hireology users to manage their own career sites without having to reach out to customer success or implementation associates to change something basic, like a job title or a site header. After standardizing how all career sites would function with a simple, unified career site template, users should easily be able to manipulate how their career site was organized and looked without needing to know code themselves or have access to an internal-facing tool. 

Click here to see my previous work on using modules for building career sites at Hireology.

Laptop and mobile phone displaying old designs of Germain's previous career site main page

Where to Start

My first step was to address the needs of internal users who would be using the tool as it transitioned. The existing interface was clunky, disorganized, and completely mismatched from the rest of Hireoloyg’s design system. I reorganized the structure of the page, ensuring that similar elements could be found together. The UI was updated to match existing design guidelines. This would make it easier for other designers and developers to add more features later.

One thing that stood out the most to me during this process was that the existing tool was a long, laborious form that took a painstaking amount of time to fill out. To help mitigate the frustration of having to scroll to find something particular, I added a sidebar with anchor links to specific parts of the page. This would help internal users to navigate while I figured out next steps. 

Version Two

After ensuring that the tool was easier for internal users to interact with, I turned my attention to my previous work in using modules to create a career site template that would be universally easier to use for external users. My first concern was splitting up the long form into more easily processed pieces. Similar themes were made into pages that the user could click to save as they moved through the various parts of their site construction. Individual pages were devoted to areas of interest, such as benefits, employee testimonials, a gallery of work space images, and site appearance. At the end of the process, users would even be able to determine the order of their site layout through a simple drag-and-drop interface. 

Making it Easy

At the end of the day, Hireology’s users are busy individuals with a lot on their plate. Many users come from small businesses with one-person Human Resources teams who just need a simple tool to create a simple career site so they can advertise job openings. I wanted to create that tool so that Hireology could remove the annoyance of a middle man when it came to making small tweaks and edits to a site that, really, the user should be able to control themselves. With the added benefit of making it a lot less overwhelming, my desire was to make the site building experience fun, low-stress, and easy. 

T

To get a closer look, click on the images below.