Survey Redesign
Tivian has powerful survey technology, but the design hadn't been updated in some time. I worked with the Product team, Engineering, and a Lead Designer to implement a modernized, user-friendly update to survey question types.
This project required extensive use of CSS, SCSS, an understanding of the php backend, and Tivian's .tpl survey templates.
Front-endCSS3SCSS
Back-endPHP
Many question types have complex layouts, which required careful consideration of how to approach the responsive design aspects. We often had separate templates for mobile and desktop display of these more complex question types.
For browsers that allow it, we created a custom date picker, with colors that could be configured to a client's branding.
The slider-type questions required some careful use of Flexbox to space elements in a responsive and user-friendly layout.