UX Design, Front-End Development
Jenzabar is an enterprise software company for for higher education. I worked with a small team to create a 100+ component pattern library and design system over several months.
- Utilizing user stories and competitive research, the goal was to not just to build components but to build the right components needed for each story.
- A major issue that Jenzabar is working to overcome is updating design and code to meet WCAG 2.0 and AA accessibility standards to improve the experience for its users.
- With that motivation, these new, or reworked, components contain proper structure and ARIA tags, ensuring users could navigate via screenreader or keyboard. Creating this solid foundation for the software to meet accessibility guidelines while improving the experience for sighted users not only helps to meet business goals but is also just good design.
- In the end, we drastically improved the time it takes to ship code by building out these components and making them reusable for developers. Below are several mockups of the UI component designs and pages from the style guide I created for Jenzabar.
1. Review User Story
2. Sketch & Wireframe
3. High-fidelity Mockups
5. Build Front-End
6. Meet with and deliver to developers
All content © Daniel Bivins, 2018, unless otherwise noted.