{"id":2002,"date":"2026-05-20T15:40:27","date_gmt":"2026-05-20T13:40:27","guid":{"rendered":"https:\/\/designdinterface.com\/?post_type=portfolios&p=2002"},"modified":"2026-07-20T18:32:26","modified_gmt":"2026-07-20T16:32:26","slug":"ux-dun-builder-dapplications-mobiles","status":"publish","type":"portfolios","link":"https:\/\/designdinterface.com\/en\/portfolios\/ux-dun-builder-dapplications-mobiles\/","title":{"rendered":"UX of a Mobile App Builder"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"icon_lab\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Step 1<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Research and ideation<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

\u2022 Ideation workshops with user designers
\u2022 Technical briefings with developers
\u2022 Surveys and competitive analysis<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"icon_draw\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Step 2<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

\u2022\u00a0Redesigning the builder around a standardized design system
\u2022\u00a0Improving the existing WYSIWYG
\u2022\u00a0Participatory workshops with developers<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"icon_test\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Step 3<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Testing and improvements<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

\u2022 Fast, iterative testing and ranking of results
\u2022\u00a0Adding micro-interactions to clarify states and actions<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Target users and needs<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

I ran workshops and interviews to understand the challenges developers and designers were facing.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

First user journeys and test screens<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

After completing our research, we built a first workflow concept for the software, developed in sprints. \n
The idea was to familiarize users with the tools they already knew: \n
\"Ideate\" for the designer and references
\"Data\" for docs, web links, and the app's key principles
\"Design\" for drawing the interface and interactions
\"Code\" for connecting data to components and customizing them<\/br><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

First mobile apps generated with the solution<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

With the restaurant industry as our target, I designed: <\/b> : \n
An app and its customizable template for people ordering meals \n
The design system and UX of the generated apps\n
A complete order and product management app for restaurant owners<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Views of the order and product management app for restaurant owners.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

View of the meal-ordering app for end users, with customizable colors and image<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

First premium results with the builder<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

We then used the builder tool to digitize the Qualit\u00e9 & co restaurant brand into a real-time ordering and information app!
I handled the UX flows, the app interface, testing, and the showcase website.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Complete design of the Q&co app for corporate restaurants and their employees.<\/p>\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tSee the full case study<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

We redesigned the builder to produce complex native apps\n
50% of Android\/iOS apps built directly by and for designers\n
Full design of the final app's user journeys and interfaces\n<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

First complex results with the builder<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

We made it possible for the builder to generate multi-version templates and handle backend integration for various types of businesses. <\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

B2B booking app<\/p>\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t

UX and UI for a B2B app for business travelers booking hotel rooms during their trips.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

B2C pharmacy app, multi-vendor<\/p>\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t

Designing multi-brand features for the app and building wireframes\n
App design system for generic templating\n
Development follow-up\n
Graphic styling of the app based on the client's brand guidelines\n<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Over 200 apps generated in 2 years<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tExplore more projects<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"featured_media":0,"parent":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"categories":[16,17,19,18],"role":[90],"tag-secteurs":[51,52],"class_list":["post-2002","portfolios","type-portfolios","status-publish","hentry","category-design-dinterface","category-design-graphique","category-etude-de-cas","category-experience-utilisateur","role-product-designer","tag-secteurs-applications-web-et-mobiles","tag-secteurs-low-code-et-no-code"],"acf":[],"_links":{"self":[{"href":"https:\/\/designdinterface.com\/en\/wp-json\/wp\/v2\/portfolios\/2002","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designdinterface.com\/en\/wp-json\/wp\/v2\/portfolios"}],"about":[{"href":"https:\/\/designdinterface.com\/en\/wp-json\/wp\/v2\/types\/portfolios"}],"version-history":[{"count":87,"href":"https:\/\/designdinterface.com\/en\/wp-json\/wp\/v2\/portfolios\/2002\/revisions"}],"predecessor-version":[{"id":3597,"href":"https:\/\/designdinterface.com\/en\/wp-json\/wp\/v2\/portfolios\/2002\/revisions\/3597"}],"wp:attachment":[{"href":"https:\/\/designdinterface.com\/en\/wp-json\/wp\/v2\/media?parent=2002"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designdinterface.com\/en\/wp-json\/wp\/v2\/categories?post=2002"},{"taxonomy":"role","embeddable":true,"href":"https:\/\/designdinterface.com\/en\/wp-json\/wp\/v2\/role?post=2002"},{"taxonomy":"tag-secteurs","embeddable":true,"href":"https:\/\/designdinterface.com\/en\/wp-json\/wp\/v2\/tag-secteurs?post=2002"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}