Grovo is a B2B SaaS company that provides a learning platform to improve employee and organizational performance. The product is two-fold. For employees, it’s an engaging experience that allows individuals to build their skills at work through micro-learning. For our clients and admins, the ability to create content tailored to their companies needs, assign out training and then track the progress of their employees is easy and straightforward.
Starting in Q1 of 2016, the product and engineering teams began working on the next version of the product. This meant a complete redesign, juggling new features with reaching parity with our existing product and an entirely new code base. On the product side, I played a lead role in the redesign, which was released in August 2017. All the projects shared on my portfolio are from this redesign.
My role: Lead on UX and Product Design
After working on lessons, the next step was to allow admins and content creators to group lessons together in a specific order. This next level of content hierarchy became tracks. On the admin side, there needed to be a tool to group these lessons and on the learner side, we had to present tracks in a way that was engaging and clear.
How I proceeded:
- Competitive research on other e-learning companies and sites that had a lot of content to see what their hierarchies were like.
- A huge point of contention was what to call this “group of lessons”. They were initially called milestones, then objectives (which you’ll see in some of the earlier wireframes and designs) and finally tracks. We reached this conclusion through multiple rounds of card sorts and receiving feedback from clients and their account managers.
- From there, I went through many iterations of wireframes and designs while working alongside my product manager. Once we received buy-in from the stakeholders, I worked closely with the engineers to provide guidance and design feedback as they implemented the feature.
WIREFRAMES FOR ADMIN-FACING TOOL:
We decided early on that the MVP for this feature was: ability to add a title, description, an image and lessons.
WIREFRAMES FOR LEARNER-FACING PAGE:
Since the creating the admin tool influenced how this page appeared to learners, it made sense to work on these two sides simultaneously. Here are some of the early wireframes which coincide with the concepts above:
PRODUCT DESIGNS FOR ADMIN-FACING TOOL:
PRODUCT DESIGNS FOR LEARNER-FACING PAGE:
This is what it looks like in the product: