Work Info

Connex Date Selection

Connex is a centralized digital marketing platform. Our goal was to design an interface for comparing data across different date ranges.

Before the design phase, we researched JavaScript libraries that we could use and extend to fit our needs. Then, designing in our pattern library with HTML, CSS, JavaScript and JSON, we were able to complete front-end development in parallel.

Connex Date Selection
Connex Date Selection

Design iterations and interviews with users proved to be indispensable. What information does the user need when making a selection? What is the selection order? How do later steps respond when initial steps are modified? These questions helped us make more informed design decisions.

Connex Date Selection

The presets, custom date inputs and the calendar are all tightly coupled; changing one will update all three. Turning on compare dates is now inside the main panel, making it easier to enable.

By the time the back-end and mid-tier developers were finished with the API, we had a fully designed piece of UI ready for integration. The process of comparing dates is now more intuitive and quicker to access.

Connex Date Selection
My Role
Interaction Design
Visual Design
Front-end Development
Prev
Connex Date Selection
Next