Lotsa Helping Hands is a platform that connects loved ones and caregivers to empower people to better communicate, coordinate, and support those in need.
Visit App Store or Google Play
Duration
12 Months
2019 - 2020
Role
Product Lead
Art Direction / Design System / UI/UX
The Community
The service brings together caregivers and volunteers through online Communities that organize daily life during times of medical crisis or caregiver exhaustion in neighborhoods and communities worldwide. I've worked in tandem with Lotsa to guide the technology, brand, and cross-platform experiences that have support for 125,000 monthly active users.
What I Did
• Led the redesign of Lotsa Web App / Marketing Site
• Led UX and UI
• Responsible for a consistent experience and brand across the platforms
• Responsible for transitioning the out-of-date brand into a fresh new identity
• Partnered with Stakeholders to help meet user requirements
• Delivered visual designs via Zeplin and worked closely with dev teams for QA
• Presented work to all stakeholders and dev
• Led workshops with our stakeholders
• Designed and managed the design system
• Responsible for all work meeting Accessibility Requirements
• Provided content creation guidelines based on web accessibility and statistics
Helping Members
2.5 million
Communities Created
150,000
Meals Delivered
2 million
Rides Provided
670,000
Style Guide / Design System
I love building style guides and design systems that grow with my clients.
After auditing the past experience, I was able to make best practice judgements on how I needed type treated (older audience), the width and height of buttons, form fields and how I would use our brand colors. I pretty much have ADA compliance ingrained in my blood, so I was alway checking contrast levels especially with the use of their tertiary colors. Carefully considering our user base is an older persona keeping a level AA+ ADA compliance in mind for every user, also making sure we used focus states, integrated notifications when a user makes an action, and also working closely with our developer on screen reading and alt tagging.
Component Patterns
When designing Components, I created versions of it for each of the products responsive sizes (or breakpoints) straight away. This way I never had to backtrack to screens I’ve designed weeks ago, and make them fit on a smartphone afterwards. The responsive targets were agreed upon in advance with the client/developer and each component is designed accordingly. I also took into consideration of using an inline grid pattern so that spacing was easy between content and elements to configure.
Visual Design/Web App
The style guide really helped provide a jumping off point. Knowing that there would be announcement, task creation, building communities ect. This was going to be a form centric experience. So making sure typography provided a hierarchy to help users take these actions. The use of color not only to enhance the brand, but to help engage their users by using consistency throughout our components and call to actions.
Task / Checklist Feature Update
This was a larger update to our current tasks feature. A user may need to have an itemized subtask list of specific tasks they need to accomplish. These specific task could fall under one date or multiple dates. These task could be used for things like a grocery store list, chores and or task, medications, exercises to be done during a visit and more. These task are required to have a date (time optional) with the desire to add the new checklist (subtask) functionality. Thinking of a power user creating a task is complexed and long forms so we wanted to speed that experience.
Objective
• To simplify the form and seperate power/advance features from basic ones
• To add help copy (probably using a tooltip) to advance features to explain what they’re there for
• To do it all in a way that is intuitive and as low friction as possible
• To do it in a way that’s conscious of how members/volunteers will see and interact with the Task via web and apps
