The Situation
Designing a scarf has always sat behind a wall of specialist software. Tools like Illustrator are powerful but intimidating, and the template-driven design apps that promise simplicity end up making every output look the same. Patternata started from a different premise: give an ordinary person — someone with taste but no design training — the freedom to lay out an original scarf pattern as easily as they'd build a slide in Canva.
That goal carried real technical weight. A scarf is not a flyer. The compositions are dense with repeating motifs, layered borders, and symmetry that has to hold up when the artwork is scaled to a physical print. The product needed an open canvas, not a fixed template, and it needed to feel instant on the mid-range phones most of the target audience actually carries. Early prototypes built on stock UI components stuttered the moment a design grew past a few dozen elements, which killed the creative flow the whole product depended on.
We were brought in to design and build the v1 mobile app from the canvas up: an engine fast enough to feel like paper, a motif library rich enough to remove the blank-page problem, and an export pipeline that turned a phone-made composition into something a mill could actually print.
What We Did
We built the app on React Native with a custom canvas layer rendered through Skia, which gave us direct, GPU-accelerated control over drawing instead of fighting the limits of off-the-shelf components.
The work centered on four pieces:
- Custom canvas engine. We rendered the entire design surface in Skia and managed our own scene graph, so adding the hundredth motif costs almost nothing. Hit-testing, z-ordering, and redraw were all tuned to keep interaction at a steady 60fps.
- Motif-driven library. Rather than full templates, we shipped 300+ individual motifs — florals, geometrics, borders, paisleys — that users combine freely. This removed the blank-canvas paralysis without forcing anyone into a cookie-cutter layout.
- Gesture-driven editing. Pinch to scale, rotate, and snap-to-symmetry were built as first-class gestures, so arranging a complex repeat feels physical rather than menu-driven.
- Export pipeline. A design composed at screen resolution is rasterized and vectorized into a high-resolution, print-ready file, with bleed and color handling appropriate for textile output.
We shipped to a small group of test users early and iterated on the gesture model and motif taxonomy based on how real people — not designers — actually reached for the tool.
The Results
The headline win was performance: the canvas holds a sustained 60fps even on mid-range devices, where the early prototype had crawled to roughly 22fps once a design got busy. That smoothness is what makes the Canva-style promise believable — users arrange and rearrange motifs without ever feeling the engine underneath them.
With 300+ motifs in the starter library, first-time users move from open app to finished composition in a single sitting, and a completed design exports to a print-ready file in under two seconds. v1 is live with an early cohort and actively evolving, and the same canvas foundation now feeds the companion web application so a design started on a phone can be refined on a larger screen.
