Quickwork
Simplifying Onboarding
Experiences for New Users
Project Overview
Quickwork is a company based in Mumbai that simplifies work by integrating apps to build automated workflows.
Despite its innovative platform, Quickwork faced challenges in engaging first-time users due to overwhelming information and complex terminology. In addition, the company wanted to increase their customer portfolio by creating a lower barrier of entry to non-coders, such as business professionals inexperienced with automation platforms.
After auditing their website and platforms and reviewing the platforms of competitors, I found ways to streamline the onboarding process and make the platform more accessible to non-coders.
Goal
To redesign Quickwork’s website and onboarding process, improving accessibility for non-technical users and encouraging them to complete their first automated workflow.
Impact
Quickwork’s redesign simplifies the user journey, making automation accessible to all and increasing user engagement.
Problem
The audit and secondary research revealed two primary issues:
1) Overwhelming Website Content
-
First-time users were confronted with dense technical terminology and a lack of clarity about the platform’s capabilities, uses and tools.
-
Inconsistent navigation bars made it difficult for users to locate information or understand where they were on the site.
2) Complex Onboarding Process
-
Users struggled with vague starting points, which meant they were unsure how to proceed with using the platform and how to develop personalised automated workflows.
-
Existing documentation was text-heavy and not integrated into the user experience, making it less accessible.
Solution
Quickwork’s redesign focused on:
-
Simplifying website navigation to produce consistent layouts and accessible language.
-
Introducing a guided onboarding process with pre-made templates and contextual explanations.
-
Integrating documentation into the user journey such as through modal pages, to provide seamless assistance.
My Role and Responsibilities
As a UX/UI Designer, I collaborated with a team of four designers over four weeks, focusing on:
-
Conducting audits and research to identify user pain points.
-
Designing user flows, wireframes, and high-fidelity mock-ups.
-
Leading usability testing and implementing feedback.
Tools: Figma, Miro, Google Workspace, Slack
Process
Audit and Research
We conducted an in-depth audit of Quickwork’s website, automation platform, and conversations platform. Key findings included:
Website
-
Inconsistent menu layouts across pages.
-
Overuse of technical terminology.
-
Lack of clear navigation indicators.
Automation Platform
-
Unclear starting points, such as users being asked to ‘name the folder’ without explanation.
-
Empty states presented without guidance or templates.
-
Dense user documentation stored separately from the main user interfaces.
-
Confusing UI elements, like unclear button functionalities.
Conversations Platform
-
Redundant login requirements between platforms.
-
Lack of onboarding guidance, leaving users unsure of next steps.
Competitive Analysis
I analysed competitors’ websites and onboarding processes. Key takeaways included:
-
Clear headlines that explain what the company offers.
-
Accessible navigation bars with dropdown menus.
-
Multiple options for users to sign up and get started.
Personas
Following our findings, we focused on the target user of the ‘Citizen Developer’, a business professional unfamiliar with coding:
-
Needs: Simple, anxiety-free automations.
-
Goals: Solve business problems without technical expertise.
-
Pain Points: Struggling with complex terminology and overwhelming content.
Mapping and Ideation
We created a sitemap and user flow to visualise the redesigned experience:
-
Simplified navigation with a consistent structure.
-
A welcome modal offering guided choices for new users.
-
Integrated documentation and templates to support onboarding process.
Using the Crazy 8 exercise, I sketched potential solutions, focusing on simplifying the user journey.
Redesign
Wireframes
Wireframes emphasised:
-
Consistent navigation across pages.
-
Contextual prompts for first-time users.
-
Clear call to action buttons to guide users through the automation process.
 |  |  |
|---|---|---|
 |  |  |
High-Fidelity Mock-ups
Key updates included:
-
Streamlined UI with cohesive branding.
-
Simplified terminology to align with the Citizen Developer persona.
-
Integrated examples of automation to inspire users.
Usability Testing and Feedback
I conducted usability testing with three participants. Key insights included:
-
Adding real app examples to the welcome modal for clarity.
-
Enhancing background colours for visual interest.
-
Showcasing more automation examples to inspire and help instruct users in completing their own automations.
Final iterations addressed these points, resulting in a more engaging and user-friendly experience.
Impact
The redesigned website and onboarding process:
-
Simplified navigation and reduced cognitive load for first-time users.
-
Encouraged engagement with pre-made templates and integrated documentation.
-
Improved overall user satisfaction and accessibility.
Lessons Learned
This project highlighted:
-
The importance of aligning design with user personas to address specific needs.
-
How simplifying complex processes can enhance user engagement.
-
The value of collaborative design and iterative testing to achieve impactful results.
Working on Quickwork reinforced my belief in the power of user-centred design to create accessible and engaging experiences.
Collaborating with two teams across six time zones challenged me to adapt my communication and workflow for efficiency. Additionally, working under tight deadlines in a design team helped me refine my ability to prioritise tasks, iterate quickly, and incorporate feedback effectively.
