ios & Android mobile App
A Mobile App Feature to Support a Leadership Development Training Program
A selection of screens from the new Leadership Development feature.
I.Liv is a B2B2C startup dedicated to promoting women into leadership roles. After launching their foundational program with an accompanying task-tracking app in 2023, user feedback revealed a need for practical guidance on advancing in the workplace.
The leadership gap that women face is a persistent challenge. By adding a guided training program to their product offerings, I.Liv has a greater chance of helping their core user base. To make this concept a reality, the founders partnered with a leadership subject matter expert to write the program curriculum.
As the sole designer, I led the creation of user flows, updated the information architecture, designed wireframes, and strategically expanded the existing design system. Throughout, I closely collaborated with the Co-Founder / Head of Product and Lead Software Engineer.
When
2024
4 Months
Client
I.Liv is a startup on a mission to promote more women into leadership positions.
Team
The high-fidelity prototypes of the final feature provided a tangible concept to share with business partners and potential clients. Throughout 2024, the program content was created, and we further iterated the key user flows. Development of the feature was completed in late 2024.
The Enrollment Flow prototype I built in Figma uses advanced prototyping features including conditional logic and variables.
The new Leadership Development program will launch with its first cohort of users in early 2025. I look forward to capturing feedback and metrics to evaluate the feature’s success and identify opportunities for further improvements.
After the kick-off call with the Head of Product, I identified the user fulls that would encompass working through a full Leadership Development program. This list helped me align with the Founder's on their vision for the concept and provided a full scope of work.
34 tasks in total, some of which are recurring.
4-6 months
The existing app supported users working through self-defined tasks, while the new program introduced pre-defined tasks for users to complete. Given this major shift, creating a dedicated space within the app was a possible solution.
In concept one, the new program would have it's own space within the app.
Hills, an existing feature, supported users in achieving long-term goals. As the new Leadership Development program was also long-term, I considered nesting it within this feature.
In concept two, the new program would be nested within and interact with an existing feature that has similar qualities.
The Enrollment Flow, as the first user touchpoint, was a natural starting point. Initially, we planned to ask users to "cross off" previously completed tasks to maintain accurate task-tracking data. However, while reviewing the wireframes, the Head of Product and I realized this step would be cumbersome. Ultimately, we decided to move this step out of the Enrollment Flow.
In this first iteration, we explored the idea of asking users to cross off previously completed tasks. Upon seeing this in wire frame form, we realized this would be a time consuming and potentially confusing process.
In this second iteration, we explored crossing off previously completed tasks directly after enrollment. Here too, we realized this was too much to ask of users at this specific moment in time.
Realizing that asking users to "cross off" pre-completed tasks during enrollment was too burdensome, I knew this needed a different location. Building the other user flows helped me identify a better location, and provided clear overview of the end-to-end program journey. This point of view helped to visualize the feature's placement in the app.
Mapping the additional user flows helped to see how new screens would sit within the existing feature set.
After refining the user flows for the Leadership Development feature, it became evident that nesting the new feature within the existing Hills feature was the most effective approach. However, this placement posed a potential challenge, as the feature would be buried a few layers deep within the app. Adding a dynamic card to the home screen resolved this issue by providing a prominent entry point.
The dynamic card adapts to the user’s state in the program and remains fixed on the home screen, helping them quickly access the program.
The dynamic card also established clear entry and exit points for the Enrollment Flow. The most valuable aspect of this approach was its simplicity—users could access program enrollment and all subsequent steps from a single, centralized location.
The dynamic card provides an intuitive entry and exit point for the Leadership Development feature.
Tasks for the Leadership Development program were branded as "gems," a theme guiding the visual design. I explored various approaches to iconography, color schemes, and effects, and landed on a style that harmonized with the existing design system.
Components connected to the Leadership Development program have a shimmer effect to reflect the gem theme concept.
The standout innovation in this project was the conditional card on the Home Screen. This idea emerged by simultaneously exploring the macro (information architecture) and the micro (wireframe details). Shifting between these perspectives throughout the process provided flexibility and fueled creativity. I valued this challenge and look forward to similar projects in the future.
A major challenge in the process was that the program content did not yet exist. To address this, the Co-Founder and I held brainstorming sessions to work through complex portions of the user flows. While designing without copy isn’t ideal, this challenge pushed us to devise creative solutions that prioritized flexibility in both design and code. Since then, I’ve applied this adaptability to similar challenges in subsequent projects, and have continued to emphasize flexibility and collaboration.
I am currently seeking my next impactful product design opportunity. Say hello through the links below.
