I spearheaded the design efforts and collaborated closely with a diverse cross-functional team, including the CEO and offshore engineers. Upon joining the project, I encountered the challenge of swiftly showcasing my skills to the RepCard team, who relied on me to seamlessly integrate and develop a comprehensive design roadmap for the new sales features.
At the outset, I engaged in thorough research to understand the CEO's requirements and draw inspiration from the existing mobile app, aiming to identify best practices and potential enhancements. Concurrently, I delved into the RepCard branding, paying special attention to its distinctive user flow. Through collaboration with the team and feedback from existing users, I assessed which features to leverage, discard, or prioritize for future development.
Recognizing the RepCard team's previous struggles with a design roadmap, I strategically chose mid to high-fidelity wireframes, prioritizing key features identified during research. This decision fostered trust and encouraged further exploration. Subsequently, strengthened trust facilitated deeper collaboration, allowing me to delve into project objectives, establish connections with internal stakeholders, access additional content, and coordinate user testing sessions involving 11 key salespeople already using the existing mobile app.
I proposed a solution for RepCard's sales optimization needs by integrating gamification features like Races, Leaderboards, Training Milestones, and Team Brackets. These tools engage individual sales professionals and motivate teams, offering real-time performance tracking, structured learning paths, and opportunities for healthy competition.
Together, these features create a dynamic environment that motivates and empowers sales professionals while delivering tangible value to RepCard's existing and prospective clients.
As Lead UX Designer, I spearheaded the design ideas and roadmap of the gamification features within the RepCard mobile application, leveraging user-centric design principles to enhance user engagement and drive sales optimization. With a focus on collaboration and continuous improvement, I guided the design crafting seamless user experiences.
Maintaining RepCard's existing design system, app colors, font, and branding is crucial for consistency, ensuring a seamless user experience and reinforcing brand identity across all touchpoints. It fosters trust and familiarity among users, contributing to brand recognition and loyalty in the competitive market.
Analyzing competitors like Sales Rabbit and Knock revealed key features that aligned with insights from our User Interviews, offering valuable validation and direction for RepCard's development. This research helps us identify opportunities to differentiate RepCard while ensuring we meet users' expectations and industry standards.
%20Compressed.jpeg)
Through initial sales rep user interviews, I uncovered essential themes and motivations, providing invaluable insights into user needs and preferences. Understanding these drivers enabled me to tailor RepCard's features effectively, enhancing user engagement and satisfaction.
Inspiration for RepCard's gamified sales features stemmed from diverse sources, including sports leaderboards like ESPN and popular iPhone games, as well as analysis of other sales apps. By drawing from these varied influences, we aim to create engaging and intuitive features that resonate with users and drive sales performance.
During the research and interview stage, core features began to emerge as recurring themes, aligning closely with RepCard's business motivations. Through in-depth analysis and conversations with users, it became evident that features such as real-time performance tracking, leaderboard competitions, and customizable training modules were crucial for enhancing sales effectiveness and driving engagement. These findings mirrored RepCard's goal of providing sales professionals with tools that motivate and empower them to achieve their targets while promoting a culture of continuous improvement and success.
Implement a leaderboard that showcases the top-performing sales representatives based on metrics such as number of successful sales, revenue generated, or positive customer feedback
Offering gamified features can give RepCard a competitive edge in the market. Highlighting these features during sales pitches positions RepCard as an innovative solution
Leaderboards, challenges, and rewards, RepCard can help its clients improve the performance of their sales teams. This could result in increased sales, higher conversion rates, and improved customer satisfaction.
RepCard can leverage the gamified features as a unique selling proposition in their marketing efforts. By emphasizing the app's ability to make the sales process more enjoyable and rewarding, RepCard can attract new clients seeking innovative solutions.
RepCard can emphasize the adaptability of their gamified features, allowing clients to tailor challenges, rewards, and leaderboards to suit their specific sales goals and company culture. This flexibility makes RepCard a customizable and client-centric solution.
Once I gathered the recurring themes and features from the research, I jumped into crafting initial wireframes. It was the sketch blueprint for RepCard's new features, keeping in mind what users wanted and what the business needed. I didn't stop there, though. With each iteration, I fine-tuned the wireframes based on feedback, making sure we were on track to meet our goals. This hands-on approach allowed us to build a solid foundation for the final product while staying flexible to changes along the way.
%20(Compressed).jpeg)
The Minimum Viable Product (MVP) for RepCard was carefully curated to include essential features that addressed the immediate needs of sales professionals while ensuring a streamlined user experience.
I chose the features of Races, Leaderboards, Team Brackets, and Training Milestones. These features were selected based on the extensive market research and user feedback, prioritizing elements crucial for empowering sales teams to manage leads effectively and track their performance.
By focusing on these core features, I aimed to deliver a functional product that provided tangible value to users while laying the groundwork for future enhancements and expansions based on evolving user needs and market demands.
The competition platform not only offers partners and sales professionals an immersive experience but also fosters a highly competitive environment for achieving sales success. Users can navigate through RepCard's dynamic sales challenges and achievement milestones, engaging in head-to-head competitions and leaderboard battles.
This gamified approach not only motivates sales reps to perform at their best but also benefits RepCard's clients by ensuring better-performing salespeople who drive increased revenue and business growth.
At its core, the Competition Dashboard serves as a central hub where sales professionals can track their progress, engage in friendly competition, and drive results like never before.
With real-time updates on key metrics such as deals closed, and leaderboard standings, users are empowered with the insights they need to stay focused, motivated, and ahead of the pack.
The Competition Dashboard offers more than just performance tracking—it's a catalyst for growth and collaboration, fostering a sense of camaraderie and healthy competition among peers.
As a dynamic component of RepCard's gamification strategy, Races offer a thrilling opportunity for users to sprint towards success and surpass their goals.
At its core, Races are short-term competitions that challenge participants to achieve specific sales targets within a defined timeframe.
Whether it's closing a certain number of deals, reaching a revenue milestone, or securing new leads, Races ignite a sense of urgency and motivation that drives sales professionals to go the extra mile.
The Leaderboards feature and the Salesperson Profile offer users a real-time glimpse into their standing among peers. With dynamic rankings based on key performance metrics such as sales revenue, deals closed, and points earned, users are motivated to push their limits, exceed their goals, and climb the ranks of success.
By showcasing earned accolades and highlighting top performers, Leaderboards foster a culture of competition and camaraderie, inspiring users to strive for greatness and support one another in their quest for success.
Team Brackets provide users with a platform to join forces, compete against rival teams, and rally towards collective victory.
Team Brackets offer more than just friendly competition—they're a gateway to earned accolades and recognition. As teams achieve milestones, surpass targets, and outperform rivals, their Salesperson Profile becomes a testament to their collective achievements—a showcase of teamwork, resilience, and shared success.
Team Brackets empower users to unite, compete, and triumph as a team.
Training Milestones provide users with a roadmap to mastery, guiding them through essential training modules and skill-building exercises.
At its core, Training Milestones serve as a personalized training curriculum, tailored to each user's unique needs and objectives. Whether it's mastering product knowledge, honing negotiation skills, or perfecting closing techniques, Training Milestones offer a comprehensive suite of resources and activities to help users level up their game.
.jpg)
User Centricity
During the project, we made sure to prioritize the users every step of the way. We delved deep into the needs of door-to-door sales professionals and customized our gamification features to suit them perfectly. The result? Not only did it increase their engagement during user testing, but it also showed them that the RepCard team was truly listening.
Iterate to Elevate
The iterative design process was crucial in making our gamification features top-notch. We went from brainstorming ideas to digging into research and chatting with sales experts. By constantly getting feedback from users and testing things out, we found ways to make our designs better. It was all about making sure they flowed smoothly and fit right into the RepCard app.
Balance
While creativity is important in design, it's equally important to balance it with practicality and feasibility. Throughout the project, we constantly evaluated our ideas against technical constraints, business objectives, and user needs, ensuring that our designs were not only innovative but also implementable and valuable to our target audience.
The Journey Never Ends
The journey doesn't stop after the initial launch. Continuous improvement is key, even post-project. By gathering feedback, analyzing metrics, and identifying enhancement opportunities, we evolve our gamification features over time. This keeps us responsive to user needs, market trends, and ensures RepCard's long-term success.
Performance Analytics
Performance analytics and insights providing participants with valuable feedback on their sales performance, strengths, and areas for improvement, empowering them to adjust their strategies and tactics accordingly.
Social Sharing
Integration with social media platforms or internal communication channels to enable sales professionals to share their competition progress, achievements, and success stories with their peers and networks.
Mobile Learning Paths
Whether users are new to the sales profession or seasoned veterans seeking to expand their skill set, Mobile Learning Paths provide a curated curriculum designed to meet their unique goals and aspirations.
At the outset of this LMS project, our team's goal was to define a guiding path for the design process. Through collaborative brainstorming sessions and comprehensive user research, our objective was to pinpoint stakeholder needs, key user pain points, and lay the groundwork for a user-centered design approach. By establishing attainable milestones and nurturing effective communication within the team, our primary focus was on orchestrating a unified effort towards delivering an intuitive and captivating learning experience for ERG leaders.
During the research phase, our team thoroughly explored the needs of ERG leaders, conducting stakeholder interviews and user research to understand their preferences and challenges. We developed personas, analyzed competitors, audited content, and held ideation workshops to generate ideas. Finally, we created prototypes and tested them with real users, refining our designs based on their feedback. This phase was marked by a focused effort to deeply understand ERG leaders, guiding the development of a user-centered LMS platform.
During the Developing Strategy Phase, our team focused on translating the insights gathered during the research phase into a cohesive strategy for the LMS platform. This involved defining clear goals and objectives based on the identified user needs and business requirements. We prioritized features and functionalities, considering both short-term deliverables and long-term scalability. Additionally, we crafted a content strategy to ensure that the platform would offer relevant and engaging materials to support the learning needs of ERG leaders. Throughout this phase, close collaboration with stakeholders and ongoing iteration were essential to refining and finalizing the strategic roadmap for the LMS platform.
Our research highlights a significant gap in ERG Leaders' learning experience, lacking engagement and interactivity. To address this, proposed features include breaking up text, a resource download zone for offline access, short interactive quizzes, and a live interaction class section.
These additions aim to enhance engagement, comprehension, and flexibility, fostering a more dynamic and effective learning environment for ERG Leaders.
As the team's lead liaison to our Stakeholder, I played a pivotal role in ensuring clear communication and alignment of project objectives with stakeholder expectations. Additionally, I spearheaded the interaction design with our lead UI designer, ensuring that the user interface was not only visually appealing but also intuitive and user-friendly.
My responsibilities also included leading the effort to ensure web accessibility for the LMS platform, ensuring that it adhered to accessibility standards and was inclusive for all users. Furthermore, I actively participated in our UX research efforts, contributing insights and feedback to inform our design decisions and improve the overall user experience.
We chose a modern and inclusive design aesthetic, featuring the Inter font for a clean and accessible typography. The color palette of light purple and green, complemented by white, conveys a sense of freshness, vibrancy, and professionalism, aligning with the platform's focus on diversity, equity, and inclusion.
The competitive and comparative analysis involved studying platforms such as Duolingo, Pathrise, Mind Valley, and Skillshare to identify successful features and strategies employed in their products. By examining their strengths and weaknesses, we gained valuable insights to inform our own platform's design and feature implementation, aiming to incorporate best practices and innovations for an enhanced user experience.
The initial research interviews involved engaging with seven ERG leaders to understand their perspectives on engagement, preferred learning modalities, and key priorities for an e-learning platform. Through these discussions, we gained valuable insights into their learning preferences and identified priorities to inform the design and development of the platform.
The persona creation process involved synthesizing user research data to develop representative profiles of our target audience, highlighting their motivations, preferences, and pain points. By empathizing with our users' needs and challenges, we gained a deeper understanding of their specific pain points and identified opportunities to address them within our project timeline, ensuring that our solution would effectively meet their needs and aspirations.
We embarked on a comprehensive process of brainstorming, feature collection, and user needs analysis. Drawing insights from user pain points and requirements, we meticulously crafted wireframes and prototypes to visualize the LMS platform's layout and functionality. Through collaborative ideation sessions, we explored innovative solutions to address user challenges and enhance the learning experience for ERG leaders.
This iterative process laid the groundwork for a user-centered design approach, ensuring that the final product would effectively meet the needs and expectations of our target audience.
Following the creation of our initial prototype, we conducted additional user testing sessions to gather feedback and validate our design decisions. Through iterative refinement, we honed in on key features essential for our minimum viable product (MVP). This included integrating a Live Class platform to foster real-time interaction, implementing short quizzes for active engagement, establishing a downloadable resource zone for offline access, and curating content into shorter, more digestible formats.
These features were selected based on user preferences, ensuring that our MVP would deliver a streamlined and impactful learning experience for ERG leaders.
The competition platform not only offers partners and sales professionals an immersive experience but also fosters a highly competitive environment for achieving sales success. Users can navigate through RepCard's dynamic sales challenges and achievement milestones, engaging in head-to-head competitions and leaderboard battles.
This gamified approach not only motivates sales reps to perform at their best but also benefits RepCard's clients by ensuring better-performing salespeople who drive increased revenue and business growth.
Flexibility and Accessibility: ERG Leaders may not always have consistent access to the internet, especially during travel or in remote areas. Providing a download zone allows learners to access crucial learning resources regardless of their online connectivity, enabling them to continue their learning journey even in offline environments. This flexibility accommodates different learning preferences and schedules, allowing learners to engage with the educational resources at their convenience, even without a stable internet connection.
Reduced Cognitive Load: Dense walls of text can lead to cognitive overload, where learners struggle to process too much information at once. Breaking the text into smaller sections helps reduce cognitive load, allowing learners to concentrate on individual topics before moving on to the next.
Welcome to the Visionary Development LMS prototype—a dynamic platform revolutionizing DEI education with engaging features and user-centric design.
Synergy
Effective collaboration and communication were key to the success of this project. By establishing clear channels of communication and fostering collaboration among cross-functional teams, we were able to streamline decision-making processes, address challenges proactively, and maintain alignment with project goals and objectives.
Designing for Diversity
Our experience building this product illuminated the importance of designing for diversity and inclusivity. By prioritizing accessibility features and ensuring that the platform catered to the needs of diverse users, we created an environment where all ERG leaders could thrive and succeed.
Agility in Action
In the fast-paced world of technology, flexibility and adaptability are paramount. We learned the value of embracing agile methodologies and modular design principles. By remaining agile and responsive to changing requirements, we were able to deliver a product that could evolve and grow alongside our users' needs.
Empowering Engagement
Throughout the development journey, we discovered the profound impact of fostering engagement and interaction within our LMS platform. By prioritizing features that encouraged active participation and collaboration, we witnessed firsthand how engagement fuels learning and drives user satisfaction.
Peer-to-Peer Learning
Implement a feature that allows ERG Leaders to share their expertise and create user-generated content. Peer-to-peer learning fosters knowledge exchange and encourages active participation within the community.
Learning Analytics Dashboard
Enhance the analytics and reporting capabilities of the LMS with a comprehensive dashboard. The dashboard should offer detailed insights into learner progress, engagement, and course effectiveness.
Micro-Credentials and Badges
Expand the certification system to include micro-credentials and badges for completing specific skill-based tasks or projects. Micro-credentials recognize smaller achievements and encourage continuous learning.
.png)
As a team, our initial objectives were planning out product requirements and setting team and individual goals in order to provide a clear direction for our team to hit the ground running and meet our 14-day deadline effectively. I started by defining the scope of the project, identifying key features, and allocating tasks based on each team member's strengths and expertise. By breaking down the project into manageable components and setting realistic goals, I wanted everyone to understand their role and responsibilities from the outset. Clear timelines, milestones, and checkpoints are established to monitor progress closely and make necessary adjustments to keep us on track.
During the initial research phase, our team conducted in-depth interviews with 10 individuals who regularly engage in DIY projects and could potentially benefit from a DIY Home Depot product within the app. This phase was crucial as it allowed us to gain a deep understanding of our users, their needs, pain points, and preferences. Understanding our users was paramount because it helped us tailor our product to their specific needs and preferences, ensuring that it provided genuine value and meets their expectations.
We used insights from our user interviews and market research to prioritize DIY features. We analyzed user feedback to identify common needs and preferences, then assessed the competitive landscape to find opportunities for differentiation. Collaborating closely as a design team, we translated insights into actionable plans, including wireframes and technical specifications, ensuring a focused and efficient design process.
In response to our research findings and user needs, we proposed a comprehensive set of solutions aimed at enhancing the DIY experience within the Home Depot app. Our proposed features, including a unified DIY feature page, milestone tracking, budget management, and comprehensive project information, are designed to address key pain points and streamline the entire DIY process from planning to execution.
By providing users with a centralized hub for all their DIY needs, intuitive tools for tracking project progress and expenses, and access to detailed project information, our solutions aim to make DIY projects more accessible, enjoyable, and ultimately more successful for users. This cohesive approach transforms what may have been a daunting or fragmented process into a cohesive and enriching journey towards achieving their home improvement goals.
As the Lead Interaction Designer and UX Researcher, my role was pivotal in crafting the user experience of our product. I helped lead the design process, translating user insights into intuitive interfaces that meet their needs. Conducting user interviews, I gathered crucial data and analyzed feedback to inform design decisions, ensuring our product remained user-centric. Additionally, as the lead product presenter, I effectively communicated our product's vision, value, and features to stakeholders, clients, and team members, instilling confidence in its success.
I've crafted a style mood board that encapsulates the essence of Home Depot's identity. This serves as a visual guide, ensuring that every aspect of our app resonates with the authenticity and reliability that Home Depot is renowned for.
We leveraged data-driven insights and user feedback, we guided our design process to create intuitive and user-friendly interfaces. These wireframes serve as the blueprint for our product, allowing us to iteratively refine and optimize the user experience before moving into development.
By analyzing interview findings and grouping commonalities, we gain a comprehensive understanding of our users' needs and preferences. This data serves as the foundation for shaping our product strategy, ensuring that we develop solutions that address the most pressing concerns of our users.
Outlining the paths users will follow, we can anticipate their needs and preferences, ultimately delivering a product that meets and exceeds their expectations, while also addressing potential pain points and enhancing overall usability.
Through extensive research and user interviews, it became clear that users were seeking streamlined features to enhance their DIY projects. Key functionalities emerged as priorities, including easy access to a comprehensive database of building materials, seamless organization of multiple projects, precise tracking of project durations, and the ability to set priority levels for each task. By prioritizing user-centric design and addressing these essential needs, we aimed to provide users with a cohesive and empowering DIY experience that aligns seamlessly with their project goals and aspirations.
.jpeg)
The immersive digital journey of the DIY Planner invites users to embark on a personalized exploration of their home improvement projects. From selecting project priorities to tracking progress and managing budgets, users are empowered to take control of their DIY endeavors and navigate the journey from planning to completion with confidence.
The DIY Planner serves as a comprehensive tool within the Home Depot app, empowering users to plan and manage their home improvement projects with ease and efficiency. At the heart of the DIY Planner is the "Start a New Project" feature, which provides users with a structured framework to kickstart their projects effectively.
With this feature, users can begin by naming their project, allowing them to personalize their planning experience and keep track of multiple projects simultaneously. By adding tasks, users can break down their project into manageable steps, ensuring that nothing is overlooked during the planning process.
Within the "Start a New Project" feature, users can efficiently set start dates and task deadlines for effective time management. Prioritization options—low, moderate, or high—allow users to allocate resources strategically, ensuring urgent projects receive due attention. Users can also set budgets, track expenses, and add necessary tools and materials, streamlining planning processes for tailored project plans.
.jpeg)
.jpeg)
.jpeg)
.jpeg)
.jpeg)
.jpeg)
The DIY Planner's editing feature provides users with flexibility and control over their projects, allowing them to easily adjust plans as needed. Whether it's adding new tasks, updating deadlines, or reorganizing priorities, users can seamlessly edit their project details to reflect changes in their plans or progress. This feature empowers users to adapt to evolving circumstances, ensuring that their projects remain on track and aligned with their goals.
Additionally, the DIY Planner includes cost logs, saved tutorials, and time logs to enhance efficiency and organization in project management. The cost logs enable users to track expenses associated with their projects, providing transparency and accountability in budget management. Saved tutorials offer a repository of valuable resources, allowing users to access helpful guides and instructional videos whenever they need guidance or inspiration.
Together, these features equip users with the tools they need to manage their DIY projects efficiently and successfully, from planning to completion.
Embark on your DIY journey with confidence – discover the Home Depot prototype and unlock the tools to bring your visions to life.
Feedback is a Gift
Feedback, whether positive or negative, is a valuable gift that helps us improve and grow. By actively seeking feedback from users, stakeholders, and team members, we were able to gain valuable insights, identify areas for improvement, and refine our designs iteratively. Embracing feedback as an opportunity for growth and learning was key to our success.
Adapt and Overcome
Building this product was not without its challenges, but our resilience and determination helped us overcome them. Whether it was technical hurdles, time constraints, or unforeseen obstacles, we remained steadfast in our commitment to delivering a successful product, finding creative solutions and adapting to adversity along the way.
Focus and Efficiency
Prioritizing tasks and features based on their impact and feasibility was crucial for staying focused and efficient. By strategically allocating resources and prioritizing initiatives that deliver the most value to our users, we were able to make the most of our time and resources, ultimately driving the success of the project.
Believe and Achieve
Celebrating our successes, no matter how small, was essential for maintaining motivation and momentum throughout the project. By acknowledging and celebrating milestones, achievements, and team contributions, we were able to foster a positive and supportive work environment.
Community Forum
Create a community forum where users can ask questions, share their projects, and provide advice to fellow DIY enthusiasts. This builds a sense of belonging and encourages engagement within the app, fostering a supportive environment where users can learn from each other's experiences and collaborate.
Social Sharing Integration
Allow users to easily share their completed projects on social media platforms directly from the app. This not only promotes their achievements but also spreads the word about the app, fostering a sense of community and inspiring others to embark on their own DIY journeys.
Video Tutorials Library
Build a comprehensive library of video tutorials covering various DIY techniques and projects. Users can access these tutorials whenever they need guidance, empowering them with practical knowledge and skills to confidently tackle their home improvement projects.
Localized Content
Provide content that is relevant to specific regions, taking into account local building codes, materials, and design preferences. This ensures that users feel catered to on a regional level, enhancing their sense of connection to the app and fostering greater trust and loyalty towards the Home Depot brand.
.png)
