Case C-03 · Facilia Mobile · iOS & Android

Translating a desktop platform into a mobile paradigm

How do you take a dense accounting product (tables, states, amounts) onto a phone screen without shrinking it? You rethink it. Tables become lists, rows become bottom sheets, and the phone gains one thing the desktop never had: capture on the go.

Role

Product design consultancy · UI transposition · lateral influence across two teams (no direct reports)

Timeline

2026–present

Skills

Mobile UI · Phasing strategy · Native-context design · Influence without authority

Tools

Figma · Native iOS / Android (with the mobile teams)

Facilia mobile dashboard (Accueil) with collapsible KPI accordions Achats home with the camera capture card Payment list with colored status bars
Fig. 01 Three representative screens: dashboard, capture entry, a status list. The desktop's language, rebuilt for the thumb.
01

The challenge

In early 2026 Facilia opened the mobile front, and the problem was obvious from day one: an accounting system is everything a phone screen doesn't want. Wide tables, multiple states, amounts that need precision.

The easy answer: squeeze the desktop into a smaller viewport. The right one: accept that mobile is a different context, and design for it.

02

The working mode: influence without authority

Mobile is built by dedicated teams in France and Portugal. My role is hybrid: strategic consultancy (I'm the living memory of five years of product decisions) and the UI transposition, pattern by pattern. Leadership here is lateral: decisions travel by technical persuasion, not title.

03

The strategy: a second screen, not a full port

The structural decision was phasing by value. Instead of porting the whole product (and delaying everything), the app is born as a companion to the desktop: it covers what makes sense on the move and leaves to the desk what needs the desk.

Issuing invoices and executing payments stay on the desktop, already designed for the next phases.

Capture

Photograph a document or import a PDF, on the spot.

Track

Invoices, quotes and payments: the desktop's exact states.

Validate

Approve invoices directly in the app.

Consult

Details, downloads, search. Anywhere.

04

Five products, screen by screen, before settling a single pattern

Before fixing each mobile pattern, I studied how the leading invoicing and accounting apps handle these tasks on a phone, screen by screen. The point wasn't to copy: it was to see which conventions users already carry from other apps, and where the category still gets it wrong, so the transposition could lean on the familiar and improve on the rest.

QuickBooks Drag to explore →
Benchmark board: QuickBooks mobile invoicing flow, captured screen by screen
Tiime Drag to explore →
Benchmark board: Tiime mobile app flows grouped by section
Zoho Invoice Drag to explore →
Benchmark board: Zoho Invoice mobile flows
Invoice Simple Drag to explore →
Benchmark board: Invoice Simple mobile flows
FMEC · import invoices Drag to explore →
Benchmark board: FMEC document-import flow, screen by screen

Most of the field still ports the desktop table or hides the real work behind generic forms, which is exactly what told me the list + bottom-sheet paradigm, and the capture-first home, were the right bets.

05

The transposition: change the paradigm, not the size

The core translation from desktop to mobile wasn't visual: it was a change of paradigm. On desktop, the heart of the interface is tables: sortable columns, filters, dozens of visible rows. On a phone, a table is a dead end. The transposition replaced the whole paradigm.

Tables → lists

Compact lists with a coloured status bar: the desktop's state code, read at a glance.

Rows → bottom sheets

The document detail rises over the list: metadata and actions at the thumb.

KPI cards → accordions

Stacked accordions with count badges: the same information, vertical reading.

Payment list: each row carries a colored status bar matching the desktop states
Fig. 02 The table, rebuilt as a list: the desktop's state code, read at a glance.
Invoice detail bottom sheet with metadata and a Validate action, plus View and Download
Fig. 03 The row, rebuilt as a bottom sheet: metadata and actions at the thumb.
Success screen: invoice validated, with three ordered next steps
Fig. 04 Flows designed to the end: confirmation plus three next steps, ordered by likelihood. No dead ends.
Desktop Sales-module dashboard with wide tables and KPI cards
The same information on mobile: stacked KPI accordions with count badges
Fig. 05 The same information, two paradigms: the desktop's tables and KPI cards, the mobile's stacked accordions.
06

The highlight: expense capture on the move

The best proof that mobile isn't a port is the feature that doesn't exist on desktop, because it only makes sense in your pocket.

The scenario is everyday for Facilia's audience: lunch with a client, filling up the car, and that receipt needs to become an accounting document before it's lost in the wallet. The flow solves it in seconds.

1 · Shoot

"Appareil photo / Galerie": photograph the document or import a PDF.

2 · Pick the type

A bottom sheet asks: Facture or Ticket.

3 · In the system

The document lands in the Tickets list, with amount and date, ready for the accounting flow.

Purchases home with the Appareil photo / Galerie capture card
Fig. 06 The capture entry: "Appareil photo / Galerie" on the Purchases home.
Bottom sheet: Type de document à importer: Facture or Ticket
Fig. 07 The bottom sheet asks the type: Facture or Ticket.
Tickets list with the imported documents, amount and date
Fig. 08 The document in the Tickets list: amount and date, ready to process.

The phone stops being a smaller version of the product and becomes the fastest capture point of the whole ecosystem.

07

What this project taught me

That transposition isn't reduction. The work wasn't shrinking screens. It was deciding, pattern by pattern, what the right mobile equivalent was: the table that becomes a list, the detail that becomes a bottom sheet, the dashboard that becomes an accordion.

And influencing a team that isn't yours is a competence of its own: the authority came from command of the product, not the org chart.

Fig. 09 The launch film for Facilia Mobile, the product presented to the market.