Cursorly Extension
Context
Problem
Goal
Timeframe
Aug 2022 - Oct 2022
The research & development team (1Lab) at System1 wanted to experiment with Chrome web extensions. Cursorly was the product of a team brainstorm session.
We wanted to test if web extensions were a viable option for creating products that would bring in revenue. This was also my first time designing a web extension.
While this was a relatively quick experimental project for 1Lab, I hoped to able to learn all of the nuances of designing a Chrome web extension. Our goal was to reach at least 500 installs of the app in the first month after launch.
Deliverable
My role
Lead Product Designer with a UX intern for support, Project Manager, and a team of developers
Brainstorm & User Journey
Goal: to gather ideas in a hackathon-style team meetup
At the beginning of this project, our team held an in-person meetup, where we sat in a room and took note of all ideas and user flows of this project on a whiteboard.
A handful of ideas from the team brainstorm
From there, I created a simple user journey from the brainstorm session.
Extension Design
Goals: design extension panel and interactions
I created basic design standards we would be using throughout the extension and accompanying website.
For the extension, I focused on several key interactions.
Focus on the editing interaction, including hover states
Extension screens on first load and after a few cursors/collections were added
On hover, each cursor would change to display the hovered version
Providing users a seamless extension toggle off/on
Companion Website
Goals: create a website that will guide the user to installation and exploration of cursors available
I created several cursor collections to start with, and then I worked with a freelance graphic designer to create a multitude of other collections.
A sample of the many cursor collections available
Each cursor's hover version is clearly displayed on website
Simple installation steps written and animated
Simple installation steps written and animated
Check out the entire website on cursorly.io
Outcomes
Goals: publish extension to the Chrome store
I created images for the Chrome store, ads for marketing the extension, and the extension can be officially accessed on the Chrome web store.
Chrome web store listing for Cursorly extension
Cursorly gained almost 1000 users in the first few months since its launch, double our initial goal.
Learning how to design extensions effectively and seamlessly was my biggest takeaway from this project.