Company: TempoLabs (AI SaaS)

An AI powered PRD Generator, 
to help Start-up Founders streamline their product development process.

Role 

Product designer 

      

Team

June 2024 - Septemper 2024

Skills 

Research / Analysis, Information Archtiecture, Ideation, Wireframing, Specification, Usability testing, Design system, Hand-off, Presentation, Collaboration

Team

5 Designers
3 Engineers
1  Founder

 

What does Tempo do?

TempoAI generates code + UI design from text prompts.

 

Who uses Tempo?

Start-ups/ Founders,
PMs-Designers-Engineers.

 

Prompt generation

Image: AI prompt that generates UI layouts and components

tempo-editor

Image: Tempo Editor where you can design and code collaboratively

Tempo's value proposition: Small businesses/ Founders don't have the money and skill to build entire apps. This may create significant delay to launch apps in the market.

TempoAI gives users,
cheaper and faster ways to

build-iterate-ship their apps

 

User Problem:  User Retention has been challenging

Why are Tempo users not coming back?

 63% 

reported frustration due to inability to add new features 

 54% 

reported desire to have some form of  tracking  to their build


Buisness Problem:  Long term value and competition

How will Tempo stand out in this AI Boom?

 
Most competitor's had broad  prompt based generated results 
and did not facilitate iterations and tiny changes

Most competitor's AI created conceptual UI designs lacking details and specifics, often resulting in unmet user expectations

Competitor Quadrant- 5

Image: Competetive analysis

Brainstorming: How might we?

How might we help start-ups  streamline product development and help with easy generation of PRD's?

Iso 4

A Dashboard to organize them all

Start-up teams maybe remote, Dashboard plays a central role in documenting and aligning teams with latest feature build and PRD as their anchor.

No more tedious PRD writing

PRD generator helps create user stories for PM's and Founders.
It is the first step to create a streamlined app development process.

Control the AI

Our research showed, that though AI can assist users, they still have a greater need for tweaking PRD docs. Hence, the user has full editing controls. AI acts as a sounding board for the team and generates  structured PRD's with user input

Creating Design System:
Fluent Design system, shadcn/ui, Lucide

Dark Mode design system 1
Dark Mode design system 2a


Deep Dive

Design System

For creating scalable components we followed the Atomic design system.
We included..



States, Variants

Typography, Color

Components

Motion

Hand-off and Success

The PRD generation feature was successfully handed off to engineering and is now live. Our AI Copilot gained major traction, ranking #3 on Product Hunt!

Things that went right

This was a very fast paced project with rapid development

1. Product road map was golden. With a fast paced project, Product roadmap document served as the anchor- to track changes, divide work and meet goals timely.

2. Collaboration begets clarity. To avoid any techinal thrash, involving engineers early on saved time and effort and the collaboration gave me clarity.

For future

Given more time.. we would have love to test this prototype with user interviews to qualitative analyze the workflows of PM's organizing managment with development.


Anew VistaWebsite Redesign • Volunteer project

HostEasyContract project • Web redesign • Product strategy

Thank you for visting and let's get in touch.

 

Find me on LinkedIn or shoot me an Email at samlele27@gmail.com

Designed by Sampada Lele❤❤