Scaling UX for Internal Velocity & Self-Serve App Creation

UX

Product Experience

Company: Apptile
Role: Product Designer (Redesign Owner)
Team: CPO, Senior Developer, Associate Designer

Context: UX Debt Was Blocking Monetization

Apptile lets brands build mobile apps without code—using modular, customizable blocks we call tiles (think Shopify blocks for mobile).

To edit each tile, users interacted with a right-hand configuration panel. Over time, this panel became the single biggest source of friction and delay in app creation:

  • Blank panels caused confusion when no tile was selected.

  • Mandatory fields prevented publishing until fixed, often without clear guidance.

  • Inconsistent controls meant switching tools or relying on developers.

  • This slowed down go-lives and impacted monetization timelines.

Our design team set out to unblock this flow, improve self-serve usability, and cut app creation time in half.

Problems We Identified

Problem Area

UX Impact

No fallback values

Caused hard-blocks in the publish flow

Blank panel states

Designers didn’t know where to begin

List view content setup

Too many clicks, error-prone, lacked default values

Style & content tab ambiguity

Inconsistent across tiles, caused rework

Legacy controls

Duplication and inconsistency in internal tools

My Approach

1. Refactored List View Controls

  • Introduced Shopify-based autofill to pre-populate key content fields.

  • This eliminated blank state errors and reduced customization steps by 60%.

2. Eliminated Mandatory Field Friction

  • Negotiated logic changes with the CTO to allow fallback values.

  • Enabled tiles to render even when fields were left untouched—creating a smoother WYSIWYG experience.

3. Redesigned the Panel Structure: A Modular, Scalable System

We introduced a three-tab model for every tile:

  • Basics – Key setup fields (like product, collection, offer selection).

  • Settings – Toggles and advanced configuration.

  • Style – Consistent styling properties across all tiles.

This brought clarity, predictability, and a shared mental model across 100+ tiles.

4. Created a Scalable Rollout Plan

  • Audited 100+ live tiles and mapped old vs new control systems using Google Sheets.

  • Older tiles gracefully degraded—new tabs were hidden until migrated, ensuring zero breakage.

5. Internal Component Standardization

  • Partnered with internal design team to merge redundant controls.

  • Built a mini component library that replaced 90% of legacy editor use.

  • This unlocked faster onboarding and build speed for new team members.

Outcomes

Result

Before

After

Average build time

4–6 hours

2–3 hours

Apps built per day per designer

1

2

Publishing-blocking issues

Frequent

Rare (thanks to fallbacks)

Support tickets for build help

High

Dropped significantly

Internal design system usage

Low

Became default across team