Designing Pocus, a product-led sales tool that raised a $23M series A.

Pocus is a Product-Led Sales platform that gives go-to-market teams access to product usage data without relying on engineers.

See the live version
Loading...

Ongoing - 1y

Timeline

San Francisco, CA

Location

$23M

Total funding

How we’ve helped_

User interface design

We worked closely with the co-founder of Pocus to propose the initial look & feel of the app.

Component library

The design was consistent with the React library Pocus was using at the time. This helped cut down development time.

Ongoing support

We regularly ideated multiple versions of new features as the product grew.

Pocus helps companies surface the most valuable deals based on their own data_

Project background

What is Pocus and what have they managed to do before approaching Semiflat?

Pocus is a product-led tool for sales teams. It allows companies to use the full potential of their product and customer data to identify the highest-value opportunities. It helps salespeople by identifying product champions, setting custom alerts to capture opportunities as they happen, and even lets them create custom, conditional groups of users without writing any code.

The Co-founder of Pocus contacted Semiflat in the early stages of developing their product. They had already created the back-end of the application but needed help coming up with the look and feel as well as the conceptual design of certain features. What followed was a many-month-long and-counting iterative collaboration as the product continued to grow.

The problem

Why did Pocus approach us? What outcome were they looking for?

Pocus had developers on board back when they approached us. They needed design help creating the MVP designs in weekly sprints that would ensure their dev team constantly has something to work on. The Co-founder of Pocus was looking for a designer to work with closely in order to produce multiple variations of one feature in a short period of time.

“We are very happy with the work Nic and his team have done. They’ve been involved in the design of our product from the very beginning and have been supporting our design needs ever since.”

Isaac Pohl-Zaretsky

Co-Founder, CTO

Step by step on how we’ve worked with Pocus on their application design_

Getting to know Pocus

Everything started with research about product-led-growth and typical workflow of a salesperson.

Importing the component library

Pocus was building their app with Chakra UI. We’ve imported their component library to Figma.

User interface design

We’ve created hi-fi designs for the initial version of Pocus, proposing the look & feel and later on continued to expand the UI adding new screens.

Live design sessions

We held weekly check-ins that often turned into live-design sessions. Some features were updated based on the newest insights from customers.

Ongoing, iterative collaboration

We’ve worked with Pocus for a year, adapting to their growing needs and delivering continuous design support.

These companies love Pocus:

Project Outcome

What did Pocus gain from working with us? Where is the project now?

Pocus is now a functioning and successful product with a beautiful UI. Thanks to our collaboration they were able to enjoy all benefits of an in-house designer; working with someone who knows their product, having direct communication and ad-hoc brainstorming sessions with their team members.

This arrangement was perfect for Pocus in the early stage - it allowed for constant design support without the commitment of hiring someone in-house. Now, being in the position to hire a designer, Pocus is continuing to develop the vision we’ve set for them and building on top fo the foundation we’ve delivered.

Have a project in mind similar to Pocus?

Ask us about a dedicated senior designer long-term collaboration model.

Get in touch
Loading...

Deliverables

What are the tangible deliverables Pocus received from us during the collaboration?

Initial look & feel proposals

In the first phase of the project we worked with the Pocus team to establish a color palette that would later define the brand behind the application. We’ve delivered a Figma file containing dozens of color combinations consistent with Chakra UI’s library used by the Pocus dev team.

A high-fidelity Figma file containing all screens from the application

This was the main file that we’ve worked in over the course of our collaboration. It has evolved multiple times over the months but the final outcome reflected all of the screens in the live product and some upcoming features.

A separate Figma file containing all custom components from the interface

During the collaboration we’ve created many custom components that were not included in the codebase prior. We’ve delivered them in a separate Figma file, along with all variants and states so implementing them would be a breeze.

Are you looking for an MVP design parter?

Reach out with more details about your project so we can prepare for an introductory call. We’ll schedule it within 24 hours from receiving your message.

Get in touch
Loading...
Schedule a call
Loading...