Taskly
Role
Sole UX/UI Designer
Services
SaaS Platform
Web App Design
Branding
Industry
Technology
Date
12 Weeks
Tools
Figma
FigJam
Adobe Photoshop
info
TASKLY IS A VISUALLY CLEAN, AND HIGHLY STANDARDIZED PROJECT MANAGEMENT SAAS PLATFORM OPTIMIZED FOR CROSS-FUNCTIONAL TECHNICAL TEAMS TO ELIMINATE ADMINISTRATIVE FRICTION AND ENSURE SEAMLESS DESIGN-TO-DEVELOPMENT HANDOFFS.
User Research
PROBLEM
Users need a way to efficiently manage their professional and personal tasks without overwhelming cognitive load. This is because they currently struggle with fragmented tools, lack of centralized oversight, and the mental effort required to prioritize and organize diverse, complex tasks.
GOAL
To give people a simple, intuitive, and centralized way to capture, organize, and prioritize all professional and personal tasks quickly by using a unified and intelligent task management system.
USER RESEARCH
In order to better understand user frustration, needs, and requirements, I conducted user research through interviews and surveys for my project. My objective was to gain insights into the needs and preferences of users in order to improve the design of my responsive website.
I identified several key pain points and challenges:
Time-consuming processes.
Limited accessibility.
Lack of personalization.
High fees and hidden costs.
These insights will guide the development of my responsive website, ensuring it addresses the specific needs and concerns of my users.
USERS
This is an individual project where I served as the sole UX Designer, allowing me to plan, lead, and execute every step of the design thinking process from initial user research and conceptualization through to high-fidelity prototyping and usability testing.
As the sole UX Designer, my key responsibilities included:
Conducting comprehensive user research (interviews, surveys, competitive analysis)
Defining the core problem statement, project goal, and providing actionable insights to inform the design strategy
Creating foundational UX documentation, including personas, user journey maps, empathy maps, and detailed user flows
Information architecture and interaction design
Designing and iterating on visual artifacts, including low-fidelity sketches, wireframes, and high-fidelity prototypes
Planning, executing, and synthesizing findings from usability testing.
Meet Emily Anderson, a dedicated and detail-oriented UI/UX designer who needs a more efficient way to manage design-to-development handoffs and standardize task requirements because she is frustrated by fragmented communication and version control errors that disrupt her creative workflow and delay project timelines.
Meet Oliver Thompson, a highly efficient and process-driven Lead Developer who needs a streamlined, standardized sprint setup and instant access to design specifications because he is tired of wasting time on administrative task configuration and resolving discrepancies caused by outdated or missing design assets.
USER JOURNEY MAP
By creating a user journey map, I aimed to illustrate the process of how Emily Anderson behaves, feels, and what she thinks while accomplishing her goal of synthesizing research findings and translating them into actionable user stories using the Taskly system. This helps to address potential pain points, such as the frustration of data entry speed and workflow fragmentation, while identifying opportunities for moments of professional delight through seamless asset organization.
By creating a user journey map, I aimed to illustrate the process of how Oliver Thompson behaves, feels, and what he thinks while accomplishing his goal of pulling new tasks into a sprint and accessing design specifications using the Taskly system. This helps to address potential pain points, such as technical discrepancies and the burden of manual task configuration, while identifying opportunities for moments of efficiency and technical clarity during the handoff process.
Lo-Fi
USER FLOW
Begun with creating a user flow:
PAPER WIREFRAMES
Focusing on the core features identified during user research, I sketched the first wireframes using pen and paper.
DIGITAL WIREFRAMES
After numerous rounds of revisions, I have finally created wireframes that perfectly capture the user flow and address the needs of our users.
Hi-Fi
STICKER SHEET
Started by creating a "Sticker Sheet":
USABILITY STUDY: FINDINGS
Following the initial low-fidelity prototyping, I conducted a usability study to gather valuable feedback on the Taskly system from both designers and developers. Now, let’s delve into the key findings from this testing phase and identify the specific areas where design improvements are needed to ensure a truly seamless cross-functional workflow.
Here are the findings from the study:
ITERATING ON DESIGN
Based on insights from the usability studies, I applied design changes.
HI-FI PROTOTYPE
Building upon the insights gained from the usability study and the refined wireframes, I then focused on creating the high-fidelity prototype for Taskly. The goal was to develop a final design that was not only simple and intuitive but also visually energetic and professional, leveraging the primary color F54646 to drive action and focus across the entire project management experience.
