Service

Product and Website

Industry

SaaS

Design Lead

Anezka

Designers

Deeva, Ashutosh, Divyansh

Project Overview

Sketchnote is a web application to help first-time and seasoned entrepreneurs, plus their businesses. It aims to help entrepreneurs manage their tasks, schedules, and projects more efficiently. The app is targeted towards people who need to balance multiple responsibilities and are looking for a tool to streamline their workflow.

Problem

Despite its success, Sketchnote's outdated user interface (UI) and unintuitive Kanban and Whiteboard features were hindering user satisfaction and engagement.

Research

User research revealed key pain points:
1. Cluttered and overwhelming UI, especially on smaller screens
2. Ineffective Kanban feature
3. Inadequate Whiteboard feature for effective sprint planning
4. Need for website redesign to align with the product's evolved capabilities

Design System

To ensure consistency throughout the app, a comprehensive design system was implemented, encompassing a defined color palette, typography, and UI components. A clean and minimalistic approach was adopted for UI components, featuring simple icons and buttons with clear outlines and subtle animations for enhanced feedback and interactivity.

Redesign

Guided by the design system and user research findings, the redesign process focused on simplifying the UI, enhancing navigation, and adopting a modern, calming color scheme.

Kanban enhancements:
1. Drag-and-drop functionality for quick task status updates
2. Task notes, attachments, and comments for detailed organization
3. Kanban board analytics for tracking progress and identifying bottlenecks
4. Task labels for prioritization and categorization

Whiteboard improvements:
1. Customizable whiteboards with templates, backgrounds, colors, and layouts
2. Image, video, text, and file insertion for diverse content management
3. Organization tools like sticky notes, shapes, lines, and text boxes for effective idea structuring
4. Cleaner and more modern look with improved navigation and zoom for enhanced usability

Impact

Through user testing and iterative refinements, the redesigned Kanban board with a simpler flow of information resulted in a remarkable 56% increase in retention rate. This success highlights the importance of user-centered design in enhancing user satisfaction and engagement.

Want to collaborate on a project?

Let's work together to bring your design vision to life.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Sketchnote is a web application to help first-time and seasoned entrepreneurs, plus their businesses. It aims to help entrepreneurs manage their tasks, schedules, and projects more efficiently. The app is targeted towards people who need to balance multiple responsibilities and are looking for a tool to streamline their workflow.

Service

UX research, Product / UX Design, Website design

Industry

SaaS

Design Lead

Swati

Designers

Ashutosh, Divyansh, Tanmay

Challenge

Sketchnote which helps users manage tasks and stay organized, has been around for a few years now. However, user feedback indicates significant issues with the user interface (UI), citing it as outdated and challenging to navigate. Additionally, there's a need to revamp the website to better showcase Sketchnote's features and offerings.

Enhancing Productivity with Streamlined Task Management and Creative Collaboration

Sketchnote's latest upgrades bring a seamless Kanban experience, allowing users to effortlessly track and update task statuses with drag-and-drop functionality and insightful analytics. Simultaneously, our revamped Whiteboard offers diverse templates and tools for creative expression, fostering enhanced ideation and organization through customizable layouts and modern design.

Elements Shine in Sketchnote's Website Revamp

In tandem with updates to our Kanban and Whiteboard tools, we've undertaken a comprehensive overhaul of the Sketchnote website. Our focus is on better reflecting the platform's features and offerings through interactive elements and informative GIFs, ensuring visitors grasp the essence of Sketchnote's capabilities at a glance.

Want to collaborate on a project?

Let's work together to bring your design vision to life.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.