%20--%3e%3ccircle%20cx='32'%20cy='32'%20r='21.5'%20fill='none'%20stroke='%23F4F4F5'%20stroke-width='1.2'%20stroke-dasharray='2.8%204.2'%20stroke-linecap='round'%20opacity='0.42'/%3e%3cline%20x1='39.8'%20y1='27.5'%20x2='46.7'%20y2='23.5'%20stroke='%23F4F4F5'%20stroke-width='4'%20stroke-linecap='round'/%3e%3cline%20x1='39.8'%20y1='36.5'%20x2='47.1'%20y2='40.8'%20stroke='%23F4F4F5'%20stroke-width='4'%20stroke-linecap='round'/%3e%3cline%20x1='27.5'%20y1='39.8'%20x2='23.3'%20y2='47.2'%20stroke='%23F4F4F5'%20stroke-width='4'%20stroke-linecap='round'/%3e%3cline%20x1='24.2'%20y1='27.5'%20x2='16.4'%20y2='23'%20stroke='%23F4F4F5'%20stroke-width='4'%20stroke-linecap='round'/%3e%3ccircle%20cx='32'%20cy='32'%20r='9'%20fill='%23F4F4F5'/%3e%3ccircle%20cx='51'%20cy='21'%20r='5.2'%20fill='%23F4F4F5'/%3e%3ccircle%20cx='51'%20cy='43'%20r='4.6'%20fill='%23F4F4F5'/%3e%3ccircle%20cx='21'%20cy='51'%20r='4.6'%20fill='%23F4F4F5'/%3e%3ccircle%20cx='13'%20cy='21'%20r='4'%20fill='%23F4F4F5'/%3e%3c/svg%3e)
UX/UI design, branding & design systems
We design interfaces people can use: research-backed UX, clear UI, brand systems that scale, and tokens your engineers can actually implement.
How BalochDev runs Design · Craft engagements
Design · Craft covers UX/UI, branding, and design systems because those packages often arrive together in real proposals — but each stream still has its own estimate. We work Figma-first with accessibility and responsive behavior in mind, and we align naming and tokens with whoever implements. The goal is not maximum pixels — it is a handshake between design and code that survives v2 features without chaos.
- UX UI design services
- product design agency
- branding for startups
- design system development
- Figma to development handoff
- BalochDev design
What buyers get in Design · Craft
Engineering-aware handoff
Components and states match what React/Next or native stacks need to build.
Faster stakeholder alignment
Artifacts teams can comment on — fewer circular “make it pop” loops.
Accessible baseline
Contrast, focus, and hierarchy — not an afterthought the week before launch.
Coherent brand
Visual language that fits your product story across site, app, and decks.
Phases from brief to handoff
Every program adapts to what you already know — but this rhythm keeps scope, risk, and demos legible for stakeholders (similar to how we run fixed-scope product work elsewhere on the site).
Understand & frame
Users, constraints, and success signals — lightweight research when the problem is fuzzy.
Explore & decide
Directions, IA, and key screens — decisions documented before high-fidelity sprawls.
Refine & specify
Components, specs, and redlines — ready for build and QA against acceptance notes.
Support build
Iteration with engineering during implementation — within agreed touchpoints so scope stays bounded.
Typical bands before your final quote
| Phase / package | What is included | Typical timeline | Assumed from |
|---|---|---|---|
| Focused UX/UI slice | Key flows + component-ready frames | 2–4 wks | ~USD $2.2k+ |
| Brand + web visual system | Identity direction + core marketing surfaces | 2–4 wks | ~USD $1.8k+ |
| Design system pass | Tokens, library, documentation spine | 3–8 wks | ~USD $5k+ |
Assumed bands are typical first phases before integrations and compliance add scope — we confirm fees in writing after a short brief.
Scoped services inside this practice
Each link opens a focused service page with bullets and next steps — good for sharing with procurement or technical reviewers.
Design · Craft deliverables
Figma libraries, annotated specs, and brand guidelines your team can reuse — paired with build partners who care about token discipline.
- UX research & flows
- UI for web & mobile
- Brand identity & guidelines
- Design tokens & components
- Design QA with engineering
Questions specific to this practice
For shipped work and credits, see the portfolio.