UI/UX design people get at first glance
UI/UX design is the work of deciding how a product behaves and how every screen looks, from user flows to components. Pavlo Zhydkykh delivers UI/UX design people get at first glance for AI and SaaS startups in Figma, with prototypes and developer handoff, for 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
- Tool
- Figma
- Price
- Fixed quote
- Timeline
- Scoped per project
- Feedback
- 2 rounds
- Contrast
- WCAG 2.2 AA
- Handoff
- Specs and tokens
Key takeaways
- UX design covers the whole experience of using a product, while UI design focuses only on the interface.[1]
- Designs are reviewed against the 10 usability heuristics from Nielsen Norman Group, the first of which is visibility of system status.[2]
- Text contrast is checked against WCAG 2.2 AA: at least 4.5:1 for body text and 3:1 for large text.[3]
- Pavlo Zhydkykh designs every screen in all states: empty, loading, error, success and disabled, from user flows to a developer handoff.
- UI/UX design by Pavlo has no public price: a fixed quote follows the first call, with two feedback rounds included.
What is UI/UX design?
UI/UX design is the work of deciding how a product behaves (UX: tasks, flows, feedback) and how the product looks (UI: layout, type, colour, components). Good UI/UX lets a new user finish the main task without help, which cuts support questions and drop-off during onboarding.
Wikipedia: User experience design
“I design the empty, loading and error states first. Users meet those screens early, and developers otherwise invent the missing states.”
Fit check
Is UI/UX design
right for you?
A good fit if
- You have a product idea or an MVP and need flows and screens before developers start.
- Your SaaS works, but users get stuck and support answers the same questions every week.
- Your screens were designed one at a time and no longer look like one product.
- Your developers need a Figma file with components and states, not just pictures.
Not the right fit if
- You need the product coded: 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
Happy-path mockups vs full UI/UX design
What developers get from screens drawn for a demo, against a design made for the build.
| Criterion | Happy-path mockups | UI/UX design by Pavlo |
|---|---|---|
| Screens | Drawn one at a time | Designed from user flows |
| States | Only the perfect-data view | Empty, loading, error, success, disabled |
| Components | Copied and tweaked per screen | One library with variants |
| Accessibility | Checked after launch, if at all | Contrast and target sizes per WCAG 2.2 |
| Handoff | Pictures for developers to guess from | Specs, tokens and a walkthrough |
Checklist
7 checks before a design goes to developers
A design that passes these leaves developers nothing to guess. Pavlo runs each check before handoff.
1. Every state is drawn
Empty, loading, error, success and disabled, not only the happy path with perfect data.
2. Text contrast passes
At least 4.5:1 for body text and 3:1 for large text and UI components, per WCAG 2.2 AA.
3. Targets are big enough
At least 24 by 24 CSS pixels under WCAG 2.2, and larger on touch screens.
4. System status is visible
Saving, syncing and loading show on screen. Visibility of system status is the first of the 10 usability heuristics.
5. Errors explain the fix
Plain words, the field marked and the input kept, so nobody types the same thing twice.
6. Components match the code
Names, variants and spacing tokens in Figma line up with what developers build.
7. Real content, not lorem ipsum
Long names, big numbers and empty fields are tested in the layout before handoff.
How it works
From first call to a Figma file developers build from
The timeline is set in writing with the fixed quote after the first call. Here is the path every project follows, step by step.
| # | Step | When | What happens | You get |
|---|---|---|---|---|
| 01 | Call and fixed quote | Day 1 | A call with Pavlo about the product, the users and the screens in scope. | A fixed quote and timeline in writing |
| 02 | Review and user flows | Week 1 | The current product or closest competitors reviewed against the 10 usability heuristics, key tasks mapped as flows. | An issue list and flow diagrams in Figma |
| 03 | Wireframes, round 1 | After flows | Grey screens for every step of each flow, with your comments in feedback round 1. | Approved wireframes |
| 04 | UI and components | After sign-off | Visual design and a component library with variants and every state, contrast checked. | High-fidelity screens and components |
| 05 | Prototype, round 2 | After UI | A clickable prototype of the key flows, with your comments in feedback round 2. | An approved design |
| 06 | Developer handoff | Final week | Specs, tokens, assets and notes in Figma, plus a walkthrough call between Pavlo and your developers. | A Figma file ready to build |
In their words
UI/UX 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 design should always keep users informed about what is going on, through appropriate feedback within a reasonable amount of time.”
“Following these guidelines will also often make web content more usable to users in general.”
“In computer or software design, user interface (UI) design primarily focuses on information architecture.”
“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
UI/UX design
Still unsure? Ask your AI about Pavlo Zhydkykh:
Q.01How much does UI/UX design cost?
There is no public price: Pavlo Zhydkykh gives a fixed quote after a first call, based on the flows and screens in scope. The quote is in writing before work starts and includes two feedback rounds.
Q.02How long does a UI/UX project take?
The length depends on the number of flows and screens, and the timeline comes in writing with the fixed quote. Pavlo delivers the review and user flows in week 1, before any screen is drawn.
Q.03Who owns the Figma files?
You do. The file lives in your Figma team or moves there at handoff, with every component, style and prototype.
Q.04What do I need to provide?
Access to the product or a demo, the main user tasks, any analytics or support tickets, and your brand assets. One person who signs off each step keeps the project on schedule.
Q.05What is the biggest risk in a UI/UX project?
Screens that look finished but miss states, so developers invent the empty and error cases on the spot. Every component Pavlo designs ships with the full set of states, and the handoff includes a walkthrough with your developers.
Q.06What happens after handoff?
Your developers build from the Figma file. 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