Design

Software people enjoy using.

We're a systems and integrations company, and we design every screen with the same care as the code. Your team spends hours a day inside what we build: it has to explain itself.

Your system doesn't have to look like a spreadsheet.

Most custom software ends up as a giant table with buttons: columns nobody reads, hidden filters and a manual to learn how to use it. We start the other way around: what the person needs to do and what they need to see first. Tables stay for when they're actually useful.

CarOutlet's stock catalogue, with filters and a card for each car

Stock catalogue

The stock comes from the dealer system's spreadsheet. On the site, every car shows up with its photos, price and details, with filters to find it in seconds.

Lead inbox

A dealership's leads in one inbox, with no follow-up spreadsheet: who wrote in, which car they want and what the AI replied.

Good design saves money too.

It shows in training hours, in mistakes, and in whether your team uses the system or works around it.

  • Less training

    If the screen explains itself, nobody has to teach it.

  • Fewer mistakes

    Clear forms, timely warnings and data entered only once.

  • People actually use it

    An awkward system ends up with a spreadsheet running beside it.

  • It reflects well on you

    What your customers see, from a portal to a quote builder, is your brand too.

Judgment, not the default settings.

Anyone can generate an interface in minutes now, which is why so many look the same: the same template, the same cards, the same stock icons and emojis where design should be. The tool isn't the problem: we use AI too, to move faster. The difference is who decides what shows, how it's ordered and what's left out.

Our own icons, not a stock pack.

We design icons for each product, with the same light, the same angle and the same material. Each one comes in two versions: one with volume for the places that stand out, and a simple one for small sizes, where detail gets in the way.

Motion that explains.

We animate to show how something works, not to decorate. Motion tells you what happened and where it went, without anyone having to explain it. And when it adds nothing, the screen stays still.

If you prefer less motion, we respect it: the animations switch off with your system setting.

Design and code, hand in hand.

A car's page in CarOutlet's Luxury section

CarOutlet

A car sales site, with the stock synced and listed on Mercado Libre.

Field app

The technician follows a checklist, takes photos and closes the visit with the customer's signature.

Hakase's panel in the Mac menu bar

Hakase

Japanese vocabulary in the Mac menu bar.

dojii's Timeline with a week of time entries from three workspaces

dojii

Tasks and working hours in one place.

PhotoVault Backup's main window

PhotoVault Backup

A local backup of your Photos library, on the Mac.

The Amberdeck player on an iPhone

Amberdeck

Your music on the iPhone, with the soul of audio gear. Coming soon to the App Store.

What we look after on every screen.

  • Empty screens that say what to do, not just “no results”.

  • Errors in plain language, with the next step.

  • Loading that shows its progress.

  • Forms that look like forms.

  • Everything works just as well on a phone.

  • Contrast and sizes that are easy to read, for everyone.

Over 20 years designing and coding interfaces.

We've done both for more than twenty years: websites, internal platforms, mobile apps and Mac apps. That's why what we design can be built, and what we build looks the way it was designed. Nothing gets lost along the way, and you see real screens in the browser before everything is finished.

Already have a design, or work with an agency?

We build it exactly as designed, down to the detail: that's how we work with design agencies on websites, online stores and custom platforms.

How we work with agencies

Does your system look like a spreadsheet?

Tell us what your team uses today. In 30 minutes we'll go through where to start with you, free and with no commitment.

We reply within 24 hours.

or if you prefer
Message us on WhatsApp

or email us at contacto@codeform.cl