--- title: "UI/UX design" description: "Research, flows, clickable prototypes and design systems on an 8px grid, from a Makassar studio whose designers also write the code." canonical: "https://goodtogrid.com/services/ui-ux-design" updated: "2026-10-02" --- # UI/UX design > Research, flows, clickable prototypes and design systems on an 8px grid, from a Makassar studio whose designers also write the code. URL: https://goodtogrid.com/services/ui-ux-design · Service · Updated: 2026-10-02 Research, structure and interface design, from the first flow to a design system your team can keep using. We prototype in the medium you'll ship, so the screens you approve are screens that can be built. - **Discipline:** UI/UX Design - **Industries:** 3 with their own page - **Backed by:** 8 case studies · 3 for clients, 5 concepts - **Updated:** 2026-10-02 ## Who it’s for - Teams whose product works but is hard to use - Founders who need flows and a prototype before committing to a build - Developers who want a design system they can actually implement - Organisations moving a paper or spreadsheet process onto screens ## What we solve - **Nobody agrees on what the product does.** Ideas live in meetings and chat threads. We write down who uses it and what they come to do, then draw the flows before any screen gets polished. - **Mockups that fall apart in the build.** A static picture hides forty-item lists, slow connections and empty states. Search, filters, forms and onboarding get prototyped in code early, where a mockup would lie. - **Every screen invents its own rules.** Spacing, type and colour drift when each screen is designed alone. A design system on an 8px grid gives designers and developers one set of sizes to share. - **Dense data that reads as noise.** Dashboards and records pack a lot onto one screen. We decide what has to stand out, keep the rest quiet, and save colour for states someone must act on. ## What you get - Research and discovery - Information architecture - User flows and wireframes - Interface design - Clickable prototypes - Design systems ## By industry - [Health](https://goodtogrid.com/services/ui-ux-design/health) — Interface design for clinic records and patient apps. - [Fintech](https://goodtogrid.com/services/ui-ux-design/fintech) — Interface design for savings, wallet and budgeting apps. - [Logistics](https://goodtogrid.com/services/ui-ux-design/logistics) — Interface design for dispatch consoles and fleet tracking. ## How a project runs 1. **Tell us about your project.** You share what you’re building, who it’s for and where it stands today. A few honest lines beat a long document. 2. **Define goals & requirements.** We turn the conversation into scope: goals, users, must-haves, constraints, and what done looks like. 3. **Strategy & design.** Information architecture, flows and interface design, reviewed with you in working sessions rather than big reveals. 4. **Development.** We build what we designed, for the web, iOS and Android, in small increments you can use as we go. 5. **Launch & iteration.** We ship, watch how it’s used, and keep improving what matters most. ## How we approach it We design from the work people do, not from a list of screens. Rekamedika follows the order of a clinic visit. Dashbird reads like mail because answering enquiries is the job. Fleet Console is built around one question dispatch asks all day: where is it now? Exploration stays on the canvas, where layouts and type are quick to push around. Anything with motion, real data or input moves into a prototype on the device it's meant for, so reviews happen on a real phone or in a real browser. Every design sits on an 8px grid and ends as a small system: tokens, components and the rules for using them. That's what keeps the product consistent once it leaves our hands. ## Related work - **[Rekamedika](https://goodtogrid.com/work/rekamedika)** — Electronic medical records system for clinics. _Client project · Health · Web app · 2026_ - **[Dashbird](https://goodtogrid.com/work/dashbird)** — Web-form inbox and SEO reporting dashboard. _Client project · Education · Web app · 2026_ - **[KYZN Preschool](https://goodtogrid.com/work/kyzn-preschool)** — Website for a preschool with campuses in Kuningan and BSD. _Client project · Education · Website · 2026_ - **[Fleet Console](https://goodtogrid.com/work/fleet-console)** — Live tracking and dispatch for a delivery fleet. _Studio concept · Logistics · Web app · 2025_ - **[Savings Wallet](https://goodtogrid.com/work/savings-wallet)** — Goal-based savings and bill reminders. _Studio concept · Fintech · iOS · Android · 2025_ - **[Clinic Queue App](https://goodtogrid.com/work/clinic-queue-app)** — Patient booking and a live queue for a clinic network. _Studio concept · Health · iOS · Android · 2026_ - **[Travel Planner](https://goodtogrid.com/work/travel-planner)** — Trip itineraries, bookings and offline maps. _Studio concept · Travel · iOS · Android · 2025_ - **[Property Listings](https://goodtogrid.com/work/property-listings)** — Search, filters and listing pages for rentals. _Studio concept · Property · Website · 2025_ ## Frequently asked questions ### Can you design without building? Yes. Fleet Console is a design-only studio concept: flows, interface and the rules for what stands out. You get files and a prototype your own developers can work from. ### What do we receive at the end of design? Clickable prototypes, the interface files, and a design system set on an 8px grid. If we're also building, the same system becomes the components in code. ### Do you do user research? Research and discovery are part of the work, scaled to the project. Often that means sitting with the people who will use the product, as we did with the clinic day behind Rekamedika. ### Do you work on existing products? Yes. Choose "Existing product" or "Rebuild" in the brief. We start by mapping what's there and what people struggle with before redrawing anything. ## Read next - [Design system](https://goodtogrid.com/glossary/design-system) (Glossary) — The shared rules and components a product is built from, so new screens match the old ones. - [UI/UX design for healthcare](https://goodtogrid.com/services/ui-ux-design/health) (Industry) — Interface design for clinic records and patient apps. - [Web development](https://goodtogrid.com/services/web-development) (Service) — Marketing sites, web apps and dashboards, designed and built by the same team. - [Prototype in the medium you ship](https://goodtogrid.com/blog/prototype-in-the-medium) (Note) — When a static mockup hides too much, and what we build in code before we build for real. - [Designing on an 8px grid](https://goodtogrid.com/blog/eight-pixel-grid) (Note) — Why every size on this site is a multiple of eight, and what that one rule buys a client at handover. [Start a project](https://goodtogrid.com/start-new-project?service=uiux#brief) · [All services](https://goodtogrid.com/services)