Fyndr
A service marketplace with a public introduction for customers and a guided route for providers to join.
- Sector
- Services · Marketplace
- Scope
- UI/UX Design · Website Design · Provider Onboarding
Help people find a service. Help providers get ready.
Help people find a service. Help providers get ready.
Fyndr introduces an AI-powered service marketplace built around trust. Its public website explains the service model, Genie AI and verified providers. The vendor experience has a different job: collecting the information needed to create a useful provider profile.
The supplied product includes a six-stage onboarding interface and a separate administration application. This presentation focuses on the public website and provider onboarding. It does not expose the administration system or turn a portfolio visit into a real registration.
- 01
Explain the offer
Introduce the marketplace before asking a visitor to download or join.
- 02
Break up the application
Separate account creation, verification, business details, location, documents and review.
- 03
Keep the provider oriented
Use a visible step count and persistent progress labels through the sequence.
From understanding the marketplace to a reviewable profile.
The public website establishes the proposition. The provider flow then moves from an account to business information and evidence, ending with an opportunity to review.
- 01
Discover
Public marketplace website
- 02
Begin
Account and verification
- 03
Describe
Business and service categories
- 04
Locate
Business area and documents
- 05
Review
Check the application
Explain the business behind the service.
The business-details step groups the provider’s name, business type, service categories and contact information. The surrounding layout gives the form its context without adding more fields to the task.
- 01
A clear position
Step 3 of 6 and the progress sequence show where the provider is.
- 02
Useful grouping
Business information and offered services are collected within one coherent section.
- 03
One next action
The form ends with a single continuation action, with a back route available.
Location is part of matching.
The next stage collects business location so the marketplace can connect service availability to the customer’s area. This follows business details rather than competing with them on the same form.
- 01
A separate stage
Location has its own place in the sequence.
- 02
Consistent controls
Input styling and continuation behaviour carry over from the business step.
- 03
A review before completion
The final stage assembles the submitted information for checking.
A green signal, with a quiet form around it.
The onboarding source uses Inter, a bright green primary action and restrained neutral fields. The public website uses more expressive marketing sections; the form keeps attention on the next piece of information.
Find the right
connection.
Fyndr green
Primary actions and progress
Deep ink
Headings and emphasis
White
Forms and readable space
The same six steps, on a smaller canvas.
The desktop onboarding layout pairs an illustrated introduction with the form. On a narrow viewport, the form becomes the main focus and fields follow a single reading order. The interface below is the original responsive code.
Reading orderContent follows the task in a vertical sequence.
Working spaceControls keep their own room on the smaller canvas.
Brand recognitionThe identity carries across both screen sizes.
Explore the original interface.
Choose a view and a screen size. The embedded interface reflows and responds to your actions.
Two connected entrances to the marketplace.
The public website introduces Fyndr and its service categories. The supplied Next.js onboarding application implements the provider sequence. This case study lets visitors inspect the actual form components without creating a provider account.
- 01
Public website
The Visit project link opens the current Fyndr website.
- 02
Original onboarding
The preview compiles the supplied React components and source styles.
- 03
Local demonstration
Registration, OTP delivery and document upload do not connect to the live service.
- UI/UX Design
- Website Design
- Provider Onboarding
- Responsive interface layouts
- Original brand and product assets
Onboarding previews use the supplied Fyndr frontend with demonstration form state. No account is created and no OTP, document or application is sent. The live website is linked separately.
A clear introduction. A structured way to join.
Digital design & development · Gradatim Concept
Let’s build your next digital experience
