%20scale(17.5)%22%20opacity%3D%220.3%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M15.852%208.981h-4.588V0h4.588c2.476%200%204.49%202.014%204.49%204.49s-2.014%204.491-4.49%204.491zM12.735%207.51h3.117c1.665%200%203.019-1.355%203.019-3.019s-1.355-3.019-3.019-3.019h-3.117V7.51zm0%201.471H8.148c-2.476%200-4.49-2.014-4.49-4.49S5.672%200%208.148%200h4.588v8.981zm-4.587-7.51c-1.665%200-3.019%201.355-3.019%203.019s1.354%203.02%203.019%203.02h3.117V1.471H8.148zm4.587%2015.019H8.148c-2.476%200-4.49-2.014-4.49-4.49s2.014-4.49%204.49-4.49h4.588v8.98zM8.148%208.981c-1.665%200-3.019%201.355-3.019%203.019s1.355%203.019%203.019%203.019h3.117V8.981H8.148zM8.172%2024c-2.489%200-4.515-2.014-4.515-4.49s2.014-4.49%204.49-4.49h4.588v4.441c0%202.503-2.047%204.539-4.563%204.539zm-.024-7.51a3.023%203.023%200%200%200-3.019%203.019c0%201.665%201.365%203.019%203.044%203.019%201.705%200%203.093-1.376%203.093-3.068v-2.97H8.148zm7.704%200h-.098c-2.476%200-4.49-2.014-4.49-4.49s2.014-4.49%204.49-4.49h.098c2.476%200%204.49%202.014%204.49%204.49s-2.014%204.49-4.49%204.49zm-.097-7.509c-1.665%200-3.019%201.355-3.019%203.019s1.355%203.019%203.019%203.019h.098c1.665%200%203.019-1.355%203.019-3.019s-1.355-3.019-3.019-3.019h-.098z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(80%2080)%20scale(17.5)%22%20opacity%3D%221%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M15.852%208.981h-4.588V0h4.588c2.476%200%204.49%202.014%204.49%204.49s-2.014%204.491-4.49%204.491zM12.735%207.51h3.117c1.665%200%203.019-1.355%203.019-3.019s-1.355-3.019-3.019-3.019h-3.117V7.51zm0%201.471H8.148c-2.476%200-4.49-2.014-4.49-4.49S5.672%200%208.148%200h4.588v8.981zm-4.587-7.51c-1.665%200-3.019%201.355-3.019%203.019s1.354%203.02%203.019%203.02h3.117V1.471H8.148zm4.587%2015.019H8.148c-2.476%200-4.49-2.014-4.49-4.49s2.014-4.49%204.49-4.49h4.588v8.98zM8.148%208.981c-1.665%200-3.019%201.355-3.019%203.019s1.355%203.019%203.019%203.019h3.117V8.981H8.148zM8.172%2024c-2.489%200-4.515-2.014-4.515-4.49s2.014-4.49%204.49-4.49h4.588v4.441c0%202.503-2.047%204.539-4.563%204.539zm-.024-7.51a3.023%203.023%200%200%200-3.019%203.019c0%201.665%201.365%203.019%203.044%203.019%201.705%200%203.093-1.376%203.093-3.068v-2.97H8.148zm7.704%200h-.098c-2.476%200-4.49-2.014-4.49-4.49s2.014-4.49%204.49-4.49h.098c2.476%200%204.49%202.014%204.49%204.49s-2.014%204.49-4.49%204.49zm-.097-7.509c-1.665%200-3.019%201.355-3.019%203.019s1.355%203.019%203.019%203.019h.098c1.665%200%203.019-1.355%203.019-3.019s-1.355-3.019-3.019-3.019h-.098z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E "Product design, drawn in halftone dots")
Product design for AI and SaaS products
Product design for AI and SaaS products is the work of deciding how software behaves and looks: the tasks the product supports, the flows people follow and every screen state. Pavlo Zhydkykh designs these products in Figma, from user flows to developer handoff, with a fixed quote after a first call and a timeline in writing.
Does ChatGPT recommend your website?
Free report in 48 hours · 5 AI engines
- Services
- 4
- Tool
- Figma
- Price
- Fixed quote
- Timeline
- Scoped per project
- Feedback
- 2 rounds
- Handoff
- Dev-ready Figma
Key takeaways
- Product design has become a broad term that includes service, software and physical product design.[1]
- The first of the 10 usability heuristics from Nielsen Norman Group is visibility of system status: the design keeps users informed.[2]
- WCAG 2.2 covers a wide range of recommendations for making web content more accessible, and Pavlo checks every design against the guidelines.[3]
- Pavlo Zhydkykh designs AI and SaaS products in Figma, from user flows to wireframes, UI, a clickable prototype and a developer handoff.
- Pavlo has designed for the web since 2016 and works solo and remotely from Eastern Europe (GMT+2); every project gets a fixed quote after a first call.
What is product design?
Product design is the work of deciding how a digital product behaves and looks: which tasks the product supports, how people move through each task, and what every screen shows in every state. For a startup, design is the cheapest place to fix a problem, because a flow changed in Figma has not been built yet.
“I spend the first week on flows, not pixels. Most product problems are decided by what happens when a task fails.”
Product design
Product design:
four services
Each service has its own page with prices, timeline and examples.
Fit check
Is Product design
right for you?
A good fit if
- AI and SaaS startups that need flows and screens designed before developers start.
- Products where users get stuck and support answers the same questions every week.
- Teams adding an AI feature that people do not trust or use yet.
- Developers who need a Figma file with components and every state, not just pictures.
Not the right fit if
- You need the product coded or published: Pavlo delivers Figma files and a handoff for your developers.
- You need a brand identity or a logo from scratch.
- You want a large research study with recruited panels and lab testing.
Compared
Which product design service fits
Four services, one process. Pick by what the product does and where the product runs.
| Criterion | Best for | Key deliverables |
|---|---|---|
| UI/UX design | Any product interface | Flows, UI, components, prototype |
| AI UX design | AI features, copilots, agents | Input, result, source and error states |
| Web app design | SaaS tools and dashboards | Tables, filters, forms, settings |
| Mobile app design | iOS and Android apps | Screens per Apple HIG and Material 3 |
Checklist
6 things every product design handoff should include
Pavlo checks the Figma file against this list before developers start the build.
1. User flows for every key task
Each task mapped from start to finish, so developers see the order of screens, not single pictures.
2. Every state of every screen
Empty, loading, error, success and disabled, not only the happy path with perfect data.
3. Components with variants
Buttons, tables, inputs and cards built once in Figma, with variants and auto layout named for code.
4. Accessibility checked
Text contrast of at least 4.5:1 and targets of at least 24 by 24 CSS pixels, per WCAG 2.2 AA.
5. A clickable prototype
The key flows linked together, so the team can test the product before development starts.
6. Specs, tokens and a walkthrough
Spacing, colour and type tokens, exported assets and a call between Pavlo and your developers.
Included
What every
project includes
Interfaces for AI and SaaS products that people get at once.
A fixed quoteIn writing, after the first call.
User flows and wireframesTasks and layout agreed before style.
Every state designedEmpty, loading, error and success.
Figma componentsVariants and auto layout, named for code.
Clickable prototypeKey flows to test before development.
Accessibility checksContrast and target sizes per WCAG 2.2.
Two feedback roundsOn the wireframes and on the final UI.
Developer handoffSpecs, tokens, assets and a walkthrough.
In their words
Product design, in the words
of docs and Pavlo's clients
Word for word, with the source linked: research, official documentation and the people Pavlo Zhydkykh has worked for.
“The product designer's role is to combine art, science, and technology to create new products that people can use.”
“Users should not have to wonder whether different words, situations, or actions mean the same thing.”
“Web Content Accessibility Guidelines (WCAG) 2.2 covers a wide range of recommendations for making web content more accessible.”
“One of the best contractors I have worked with. Really thoughtful about communication. Would 100% hire again.”
“The web and mobile designs he created were amazing. His communication was prompt.”
“He is amazing in what he contributes, both design-wise and also from the ideas.”
FAQ
Questions about
Product design
Still unsure? Ask your AI about Pavlo Zhydkykh:
Q.01Which product design service do I need?
Start from the product: an AI feature or agent is AI UX design, a SaaS tool or dashboard is web app design, and an iOS or Android app is mobile app design. For any other interface the answer is UI/UX design, and the first call with Pavlo ends with a recommendation and a fixed quote.
Q.02How much does product design cost?
There is no public price: Pavlo gives every project a fixed quote after a first call, based on the flows, screens and platforms in scope. The quote is in writing before work starts and includes two feedback rounds.
Q.03How long does a product design project take?
The timeline depends on the scope and comes in writing with the fixed quote. Pavlo delivers the user flows in week 1, before any screen is drawn.
Q.04What do you need to provide?
Access to the product or a demo, the main user tasks and your brand assets. Analytics, support tickets or real AI outputs help, and one person who signs off each step keeps the project on schedule.
Q.05Who owns the designs?
You do. Files live in your Figma team or move there at handoff, with every component, style and prototype.
Q.06What happens after handoff?
Your developers build the product from the Figma file in the stack the team already uses. Pavlo answers questions during the build and makes small changes and new screens at $30 an hour, with no retainer.
About the author
Pavlo Zhydkykh
Pavlo Zhydkykh is a web designer and developer in Eastern Europe who has built websites for AI, fintech and B2B startups since 2016, designing and building each project himself on Framer or Astro + Sanity. Clients include MStudio Asia, Silicon Data, Inturai, Accolade Pro, NimbleStax and Sancts.
- Top Rated on Upwork
- 100% Job Success
- 10 years since 2016
- 50+ sites shipped
- 90+ PageSpeed at launch
About Pavlo LinkedInUpworkContra Privacy policy
Page reviewed by Pavlo Zhydkykh · Updated