Skip to main content
Portalcrafter Logo
UI/UX design

UI/UX design for portals and apps people find easy to use

We design the screens your users touch, from the first wireframe to the finished interface, and build them too, so the design holds up with real data. Recent work includes XR Recruiting's mobile-first redesign, a NerdWallet-style rebuild of the MoneyBasics site and a role-aware design system for 310TUTORS.

Softr front ends in 55 published builds
FigmaSoftrReactWebflowAirtable
See our work
Design and front ends inside real client builds
Aerobodies
Aumoria
BioBuzz
Easy Taiwan
MatchTutorSG
Nexplore
Park Autoz
Platform One AI
ReefTox
The Best Notary
55

Published builds with a Softr front end

6

Staff roles in 310TUTORS, each with its own scoped views

200+

Expedition team profiles managed self-service on Team Quark Hub

24h

Fixed quote after the first call

Athlete dashboard
WireframeDesign
Welcome back, Jordan
128
Profile views
6
Coach messages
2
Offers
Showcase, Mar 14Upcoming
Film review with Coach LeeToday
Design tokens
COLOR
TYPE
Heading 28 / 34
Body 15 / 24
STATES
EmptyLoadingNo accessError

What is UI/UX design?

UX design works out how people move through a product: what they need, in what order and what gets in their way. UI design is how each screen looks and behaves: layout, type, color and states. Together they turn a working system into one people use without training.

Sound familiar?

Who this is for

If any of these sound like your week, you're in the right place.

Teams whose portal works but looks like a template and confuses new users.

Founders turning a no-code prototype into a product they can sell.

Businesses whose users work on phones but whose screens were designed for desktop.

Teams adding roles and permissions who need each user to see only what applies to them.

What we build

What we typically build

01

Prototype to branded product

A full front-end redesign that turned XR Recruiting's no-code prototype into a mobile-first web app, with dark-mode layouts, athlete and coach dashboards and a rebuilt payment funnel.

02

Redesign of a live site

A NerdWallet-inspired layout for the MoneyBasics site, with the brand palette applied, new pages added and responsive behavior fixed for smaller screens.

03

Design systems for role-based apps

The 310TUTORS brand palette as a set of design tokens driving every screen, with designed empty and permission-gated states, and actions shown only when the user can use them.

04

Mobile-first field screens

A mobile-first dashboard where phlebotomists and couriers see only the jobs assigned to them, for PSC Dx's field operations.

05

Wireframes before code

A Softr wireframe and page tree for the founder and admin interfaces, scoped so Phase 1 is a two-day build, for Founders Box.

06

Consistency you change in one place

Legacy custom code replaced with native blocks so typography, color and branding changes carry across every brand at once, in the FRANceleration franchise ecosystem.

Portal works, but users get lost?

Show us the screens on a free 30-minute call, and get a fixed quote within 24 hours.

See pricing
Integrations

What we design and build with.

Wireframes and screens where a project needs them, built straight into the product your users open.

FigmaFigmaDESIGN
SoftrSoftrFRONTEND
ReactReactCUSTOM BLOCKS
WebflowWebflowWEBSITES
AirtableAirtableDATA
StripeStripeCHECKOUT
Google AnalyticsGoogle AnalyticsANALYTICS
WixWixWEBSITES
Our process

How it works

  1. PHASE ONE01

    Walk the screens

    A short call going through your current screens and who uses them. Fixed quote within 24 hours.

  2. PHASE TWO02

    Wireframe the flow

    Page tree and wireframes for each role, agreed before any visual design.

  3. PHASE THREE03

    Design and build

    Screens designed for desktop and mobile, then built into your app against real data.

  4. PHASE FOUR04

    Review and hand over

    Tested with your team on real devices, then documented so future changes stay consistent.

Selected work

Builds we've shipped

Real projects that used this, each linked to its full case study.

XR Recruiting Platform: Softr UI Revamp & Funnel Automation
Client Portals

XR Recruiting Platform: Softr UI Revamp & Funnel Automation

A complete Softr + Airtable recruitment platform rebuild for XR, including front-end redesign, user funnel optimization, and role-based dashboards.

A no-code recruiting prototype turned into a branded mobile-first product, with athlete and coach dashboards and a rebuilt payment funnel.

AirtableAirtable
SoftrSoftr
StripeStripe
MakeMake
CustomJSCustomJS
SendGrid
FigmaFigma
Google DriveGoogle Drive
MoneyBasics Site Redesign
Client Portals

MoneyBasics Site Redesign

A clean and modern redesign of a Softr website for MoneyBasics, inspired by NerdWallet with brand-aligned styling and structured content layout.

A live Softr site restructured on a NerdWallet-style layout, brand palette applied and responsive behavior fixed.

SoftrSoftr
CustomJSCustomJS
Google AnalyticsGoogle Analytics
NotionNotion
310TUTORS Multi-Campus Staff Operations Portal
Client Portals

310TUTORS Multi-Campus Staff Operations Portal

A role-based internal staff portal for a multi-campus Los Angeles tutoring company, replacing a Monday.com, Jotform, and Make.com stack with a single Softr application built on custom React blocks, six normalized tables, and campus-level record scoping across six staff roles.

Monday.com, Jotform and the automations between them replaced by one portal, with every staff member scoped to their own campus.

CustomJSCustomJS
MakeMake
Monday
JotForm
ClaudeClaude
OpenAIOpenAI
SendGrid
MailchimpMailchimp
PSC Dx Field Operations & Lab Order Automation
Client Portals

PSC Dx Field Operations & Lab Order Automation

Airtable and Softr laboratory operations platform featuring automated CSV order imports, normalized patient and insurance records, billing and eligibility workflows, and a mobile field-worker dashboard.

Patient and insurance data restructured, with 23,000 lab orders relinked and 45 downstream connections rebuilt around it.

AirtableAirtable
SoftrSoftr
CustomJSCustomJS
MakeMake
GmailGmail
Pricing

Fixed prices. Fixed timelines.
No surprises.

Pick the tier that fits, or talk to us if you're not sure.

Answer five questions and we'll tell you which fits. No email required.

Portal Starter

Best for solo founders, small teams

$2,500
One-time · 10-day delivery
1 user role
Up to 5 pages
Airtable backend (5 tables)
Email notifications
Custom branding
14-day post-launch support

Fixed price and date agreed before we start

Most popular

Portal Pro

Best for growing teams, agencies

$5,500
One-time · 3-week delivery
Everything in Starter, plus:
Multi-role permissions (5 roles)
Up to 15 pages
Make/Zapier (10 flows)
Stripe, Slack, Calendly integrations
Custom domain + full white-label
Loom training videos

Fixed price and date agreed before we start

Custom Build

Best for marketplaces, complex logic

from$9,000
4-8 week delivery
Everything in Pro, plus:
Marketplace logic (two-sided, payments)
AI integration (OpenAI, Claude)
Phased rollout
Dedicated project manager
30-day post-launch support

Fixed price and date agreed before we start

MVP Sprint

Best for founders validating an idea

$4,500
14-day delivery
End-to-end MVP build
Softr / FlutterFlow frontend
Airtable backend
Founder onboarding session
Pitch-deck-quality screens
14-day post-launch support

Fixed price and date agreed before we start

Fixed quote in 24 hrs
You own everything we build
Cancel anytime before kickoff
Who builds this

Who designs your screens

The people who design it are the people who build it.

Vaibhav Garg
Vaibhav Garg
Lead Builder & Founder

Scopes the screens and roles with you and sets the fixed quote.

Softr CertifiedAirtable Builder6+ years no-code
Vijay Thapa
Vijay Thapa
Senior Softr Specialist

Leads the design and front end: the screens your users touch, on desktop and mobile.

Softr Certified4+ years frontend
Mehtab Singhla
Mehtab Singhla
Automation Engineer

Wires the screens to real data and automations, so the design works with live records.

Airtable BuilderMake/Zapier Expert
Clients

Reviews for the builders who'd design your screens

Verified Upwork reviews left for the builders on this page.

"Vaibhav delivered on a very tight timeline and got our Softr app polished and launch-ready. He handled multiple pages and made sure the product felt consistent and mobile-first. Communication was clear, and he had a strong eye for UI/UX. Would hire again."

David Moore
United States · Portalcrafter build with Vaibhav Garg

"Vijay Thapa is a great partner for my website development. He listens carefully to my ideas and thinks deeply about how to make the site work even better than I imagined. I'd recommend him to anyone who wants their website to succeed."

Margaret Zachry
United States · Portalcrafter build with Vijay Thapa

"Excellent to work with. Vijay Thapa delivered high-quality work quickly. Would definitely recommend "

Adam Greenstein
United States · Portalcrafter build with Vijay Thapa
Vaibhav GargVijay ThapaMehtab Singhla

Talk directly to the people who'll build it

Vaibhav scopes every build himself, with Vijay and Mehtab on the work.

Common questions

Frequently asked questions

Not covered here? Bring screenshots of your current screens to the call.

Both. The same team designs and builds, so the design is tested against real data and permissions rather than handed over as static files.

Yes. MoneyBasics and XR Recruiting were both live products redesigned in place, with the brand applied and the layouts rebuilt.

Industries our design work serves

Let's build it

Ready for screens your users understand?

Show us the screens your users struggle with. You'll have a fixed quote within 24 hours.

See Pricing & Packages
Fixed quote in 24 hoursMutual NDA signed within 24 hoursCancel anytime before kickoff