--- title: "Mobile app design" url: "https://wzor.biz/en/services/mobile-app/" description: "We design mobile apps for iOS and Android - workshop, flows, wireframes, a clickable prototype and handover to development." lang: "en" --- # Mobile app design [Free consultation](https://wzor.biz/en/free-consultation/) [Projects](https://wzor.biz/en/projects/) We design iOS and Android together - flows, wireframes for every screen and a clickable prototype you walk through on a phone rather than watch on a slide. The handover carries a component library aligned with the conventions of both platforms, an edge-state specification and assets prepared to the requirements of the stores. We have worked with leading companies and startups Challenges ## When it pays to start with design, not code An app is the most expensive product type to fix after launch - every change needs a new release and store approval. Here are four moments where design saves the most. - „Before you commission development” A development team will quote what you describe - and a written description is never as unambiguous as it feels while writing it. A clickable prototype turns a debate about imagined products into a conversation about specific screens. - „Installs happen, activation does not” A download costs money, and a user who does not reach the first bit of value within a minute does not come back. We redesign onboarding and the first session, because that is where most people drop out. - „Navigation where nothing fits in the menu any more” Every release added a screen until the structure stopped matching what people actually open the app for. We fix the architecture before you add another feature. - „Android after iOS, or the other way round” Porting screens one to one looks like a saving and ends with an app that feels foreign on the second platform. We design the differences where they matter, and only there. Who it is for ## Who we design mobile apps for - ### Large service companies with a customer app The app is one channel next to the call centre and the web account, and each of them was built separately and says something different today. You have to reconcile what the service department requires with what a user wants to finish in two minutes on a train platform. - ### SaaS teams moving onto the phone The browser product works and has customers, so moving it to a smaller screen looks like the natural next step. Only a fraction of the features fit on a phone, and deciding which fraction weighs more than the rest of the project. - ### Software houses without a designer on the team The team has delivery capacity and a client who expects finished UX, while hiring a designer takes longer than the project itself. We come in as the design layer inside their process - in their sprint rhythm and their tools. - ### Companies with an app for field staff Technicians, drivers and crews work in gloves, in noise and in places with no signal, while the app was modelled on an office system. What counts is the number of taps it takes to close a job, and what happens to the data when the network comes back. ![Four printed interface layouts on a desk: a dashboard, a phone screen, a form and a table, with one block circled in marker](https://wzor.biz/_astro/dla-kogo-wydruki-ekranow.GsgQefUA_1bzGfa.webp) Our difference ## What we do differently on apps - ### Reviews are held on a phone We look at every version on a physical device, not as a frame on a monitor. A screen that reads calmly at twenty-seven inches can be unusable at six inches, in sunlight, with one hand. - ### Store guidelines are checked on wireframes The App Store Review Guidelines and Google Play policies apply to design as well - consent, the sign-in screen, account deletion, the way payments are taken. We verify them before the screens reach code, because a rejected review costs a whole release. - ### Flows are tested against the team that will build them Before the interface stage we sit down with your developers over the flow map and the scope of the first version. A screen nobody can estimate then surfaces on a wireframe rather than two sprints later. - ### Activation events are defined alongside the flows The path map comes with a list of events to wire into analytics and a definition of the moment a user reaches first value. After launch you can see which step people drop out at, instead of inferring it from store ratings. Process ## How we run it 1. Week 1 ### Workshop and scope Who the user is, what job they are doing and what genuinely belongs in a first version. We come out with a feature list split into what ships now and what waits. 2. Week 1–3 ### Flows and wireframes User paths and screen layouts in low fidelity. This is where the decisions that are most expensive to reverse in code get made, so this is where we spend the most conversation. 3. Week 3–6 ### Interface and prototype Full UI for the key screens and a clickable prototype you can walk through on a phone. Not a video and not slides - a working flow. 4. Week 5–8 ### States and edge cases Offline, network errors, empty lists, permissions, notifications, accessibility. This is the part of the scope whose absence only surfaces in testing and always costs a release. 5. Week 8–10 ### Handover to development Behaviour specification, component library, Dev Mode, assets and a handover session. We stay reachable while it is coded, because that is when the questions appear. Deliverables ## What you get at the end - ### Flow map User paths from install to goal, with branches and exit points. The document your development team quotes from. - ### Wireframes for every screen Not the key three. Every screen the app actually has, on both platforms wherever they differ. - ### Clickable prototype A flow you can walk through on a phone - for user testing, for showing the board and for investor conversations if those are on the plan. - ### Component library Components with variants and states plus tokens, aligned with iOS and Android conventions. The next feature gets built from it rather than from scratch. - ### Edge-state specification Offline, errors, empty lists, permissions, notifications, loading. Written down, because these are what store ratings are made of. - ### Store assets The icon at every required size, a launch screen and store screenshots for App Store and Google Play, prepared to their guidelines. Toolkit ## What we use An app is fixed by shipping a release, and a release goes through store review, so some of these rules are not a matter of taste. Below is the set that holds in every project, whatever the scope. ![A workbench from above: two printed interface layouts, a magnifier enlarging one block, a steel ruler and a greyscale step wedge running from white to black, with one line underlined in orange marker](https://wzor.biz/_astro/warsztat-lupa-linijka-skala-szarosci.C5DINzRJ_Z2n7L7C.webp) - Apple Human Interface Guidelines for iOS, Material Design for Android - Touch targets no smaller than 44 pt on iOS and 48 dp on Android - Text contrast 4.5:1, icons and controls 3:1 - System font scaling all the way to the largest accessibility setting - The no-signal state and the sync rule designed alongside the screen - A permission request preceded by a screen that explains the reason - An account deletion path reachable from inside the app - Icon, launch screen and screenshots at the sizes both stores require Next step ## Let us talk about your project Tell us what you have to do. We will come back with scope and a quote. [Free consultation](https://wzor.biz/en/free-consultation/) [Projects](https://wzor.biz/en/projects/) Selected work ## A selection from our portfolio Our mobile work is written up in the EzzyGuide and Fonia case studies; the rest of this category is under NDA and we show it during a consultation. Below is a cross-section of projects from other categories. - [ ![WygodnaDieta - a phone showing the app's home screen: an "Excellent" Trustpilot rating and a "Menu-Choice Diet" plan card priced from PLN 80.90/day, against a red gradient with vegetables.](https://wzor.biz/_astro/cover.BfmwIntu_1CFKMk.webp) WygodnaDieta - App and online store for a meal-box diet service ](https://wzor.biz/en/projects/wygodna-dieta/) - [ ![NeoBank - three phones on a green background with the brand wordmark behind them: payment cards, a dashboard showing 27,568.89 PLN available with transfer shortcuts, and a savings goal at 61%.](https://wzor.biz/_astro/cover.cTNj7kPE_Z2t5E6w.webp) NeoBank - A banking app concept for young customers ](https://wzor.biz/en/projects/neobank/) - [ ![myAzymut - a monitor with a map of Europe and shipment routes between cities, a "Fleet signal" panel listing vehicles with no signal and with a delayed signal, and a timeline at the bottom; a night-time motorway junction and a large myAzymut wordmark in the background.](https://wzor.biz/_astro/cover.CMSoXGtF_Kvont.webp) myAzymut - Client portal concept for a freight carrier ](https://wzor.biz/en/projects/myazymut/) - [ ![Puls CRM - the wordmark with a blue pulse line above a monitor showing the "Deals" screen: a side menu, the sales pipeline kanban with the columns New, In talks, Proposal and Won, and deal cards with company, value and days in stage; light blue waves in the background.](https://wzor.biz/_astro/cover.B_Q_VQbe_1ERf64.webp) Puls CRM - CRM app concept for a sales team ](https://wzor.biz/en/projects/puls-crm/) - [ ![Flotino - a loan calculator and the "Who is our online loan for?" screen on phone mock-ups, against blurred colourful shapes.](https://wzor.biz/_astro/cover.BIgugYRo_ZeHyg7.webp) Flotino - Online cash loan service ](https://wzor.biz/en/projects/flotino/) - [ ![PWS Konstanta - the homepage on a laptop mock-up: a hero "The highest quality of insurance backed by experience" with a photo of a column capital and a "30 years" badge.](https://wzor.biz/_astro/cover.CtYGmRYj_Z2gVAJr.webp) PWS Konstanta - Website for an insurance broker ](https://wzor.biz/en/projects/pw-konstanta/) - [ ![Fonia - two phones on a teal background: the cashback app home screen with a 325.53 PLN balance and a list of partner stores, next to a store search with suggestions for Empik, Booking, AliExpress and Play.](https://wzor.biz/_astro/cover.DdIowm6o_Z12riqx.webp) Fonia - A cashback app for online shoppers ](https://wzor.biz/en/projects/fonia/) - [ ![EzzyGuide - three phones on a dark background: a sign-up confirmation, guide Małgorzata Iwańska's profile with a star rating, and tour details for "In the Footsteps of the Wrocław Dwarves" with the price and contact details.](https://wzor.biz/_astro/cover.DW1rNgrl_ca7w6.webp) EzzyGuide - A tours app connecting guides with travellers ](https://wzor.biz/en/projects/ezzyguide/) - [ ![VERSA - the B2B panel for an automotive parts distributor open on a hand-held tablet: the account overview, a shipment tracking map, the partner programme at 30% off, order history and a list of popular products.](https://wzor.biz/_astro/cover.DWv2CO5n_Z27qwnC.webp) VERSA - B2B panel concept for a parts distributor ](https://wzor.biz/en/projects/panel-b2b-versa/) - [ ![Tip Card - two phones: the client panel ("Hi Barbara", earnings 350 PLN, withdraw) and the "Boost your tips with Tip Card!" landing with personalised QR cards, on a colourful gradient background.](https://wzor.biz/_astro/cover.DTw-Pu6y_4lOMF.webp) Tip Card - Cashless tipping platform ](https://wzor.biz/en/projects/tip-card/) - [ ![Jawny Lublin - a laptop showing the portal home page: the lead article, the city category menu and a column of popular stories.](https://wzor.biz/_astro/cover.DReNwwRw_1JC914.webp) Jawny Lublin - A watchdog portal on city transparency ](https://wzor.biz/en/projects/jawny-lublin/) - [ ![NXC Liquid Cooling - the opening screen on a laptop, beside an angled phone showing a process stage and the brand orb, on a violet ground.](https://wzor.biz/_astro/cover.D5gcxP4g_Z1zSAqQ.webp) NXC Liquid Cooling - A liquid cooling systems website ](https://wzor.biz/en/projects/nxc-liquid-cooling/) - [ ![Bosfor BALI Dealer - a monitor and a phone showing the catamaran dealer site: the "BALI is about comfort" hero with a catamaran and the "dreams are meant to be fulfilled" line.](https://wzor.biz/_astro/cover.DGxZT243_Z1A6GRy.webp) Bosfor BALI Dealer - Website for a BALI catamaran dealer ](https://wzor.biz/en/projects/bosfor-bali/) - [ ![Bosfor Charter - a tablet showing the yacht charter platform: a photo of a couple on a yacht and a search widget (number of weeks, dates, yacht type, "Search"), against a sea backdrop.](https://wzor.biz/_astro/cover.DHPu_e5c_Zgsk30.webp) Bosfor Charter - Yacht charter platform with booking ](https://wzor.biz/en/projects/bosfor-charter/) - [ ![SPEC Food Service - a monitor and a phone showing the site: the "Your trusted partner in the world of gastronomy" hero with kitchen photos and a render of the company building, on a light background.](https://wzor.biz/_astro/cover.DdJ4QOy5_22gHR2.webp) SPEC Food - Website for gastronomy - SPEC Food Service ](https://wzor.biz/en/projects/spec-food-service/) - [ ![Thaliana Space - a tablet showing the space company site: the "Propelling new era of space" hero with a planet and stars, on black.](https://wzor.biz/_astro/cover.CULgsv9m_1E9sVv.webp) Thaliana Space - Website for a space-propulsion company ](https://wzor.biz/en/projects/thaliana-space/) - [ ![Wolumen - the "Offer" step of the energy price comparison: three tariff options with per-kWh rates, a contract-length picker and a discount-code field, beside an account statistics card showing 34,225 zł of savings and the electricity and gas prices; on a blue background.](https://wzor.biz/_astro/cover.CpuQAJvX_ZyCKhF.webp) Wolumen - Energy and gas price comparison for businesses ](https://wzor.biz/en/projects/wolumen/) - [ ![Econverse - two phones showing the event website: the "Bilet do świata start-upów" hero and the "how to sign up" section, on a purple background.](https://wzor.biz/_astro/cover.B94izcES_7kHPe.webp) Econverse - Website for a start-up event ](https://wzor.biz/en/projects/econverse-strona/) - [ ![DentAg - a phone and a tablet showing the dental clinic site: the "kindness and professionalism" hero with a photo of a dentist, on blue.](https://wzor.biz/_astro/cover.-U2qFI7e_1odNAb.webp) DentAg - Website for a dental clinic in Radom ](https://wzor.biz/en/projects/dentag/) - [ ![AIESEC - a tablet and a laptop showing the home page: the "go on an internship with AIESEC" hero, a mosaic of participant photos and the "go on an internship or volunteer" and "become our partner" buttons.](https://wzor.biz/_astro/cover.Bju2-F43_Z1bbDVk.webp) AIESEC - Website for internships and volunteering abroad ](https://wzor.biz/en/projects/aiesec/) - [ ![QSAN (DAGMA) - a laptop and a phone showing the product page: the "flagship Unified Storage model" hero with a disk array, on a dark background with a green accent.](https://wzor.biz/_astro/cover.DKpQ_Ne6_Z1Itgbp.webp) DAGMA - Product page for disk arrays and storage systems ](https://wzor.biz/en/projects/dagma/) - [ ![Bosfor Group - a laptop showing the sailing group site: the "Your adventure at sea begins with Bosfor Group" hero with a catamaran, against a sea backdrop.](https://wzor.biz/_astro/cover.C0etgjfR_Z1t33er.webp) Bosfor Group - Website for the Bosfor sailing group ](https://wzor.biz/en/projects/bosfor-group/) - [ ![Mobilizacja Biznesu - a monitor and a phone showing the company site: the "Experience you can trust" hero with mobile-app mockups, on a dark background with a blue accent.](https://wzor.biz/_astro/cover.CaV1NQ00_Z17Sc3N.webp) Mobilizacja Biznesu - Website for a mobile-tools firm ](https://wzor.biz/en/projects/mobilizacja-biznesu/) - [ ![Pro Sensum - a laptop and a phone showing the psychology-practice site: the "individual and group psychological therapy" hero with a photo of a therapy session, on a light background.](https://wzor.biz/_astro/cover.DCCqbSSm_27H8O4.webp) Pro Sensum - Website for a psychology practice ](https://wzor.biz/en/projects/pro-sensum/) [Projects](https://wzor.biz/en/projects/) Outcomes ## What these timelines rest on - 3 weeks how long the EzzyGuide app UX and UI took - 30+ wireframes and a clickable prototype, with a two-person team - 4 weeks how long the Fonia cashback app design took - 60+ wireframes, with a three-person team - 5 people that many users in a prototype test surface most usability problems (Jakob Nielsen's rule, Nielsen Norman Group) - which is why we test before code, not after release The timelines come from two of our own projects - EzzyGuide and Fonia; both are written up as case studies on this site, so you can hold the range in the quote section against them. The five-user rule is a public finding from Nielsen Norman Group, not a statistic of ours. We do not publish post-launch store results - we go through them from named engagements during a consultation; some projects are covered by NDA. Client voices ## What our clients say - > „Working with the Wzór team was a genuinely great experience! They always answered our questions quickly and were flexible about our comments. They have no shortage of creative ideas and are at the same time thoroughly reliable and on time. The end result fully met our expectations; we recommend them to anyone looking for professionals who care.” ![](https://wzor.biz/_astro/opinia.BrbzyDCf_1rSYiY.webp)Maja Wieloch-Silecka Operations Director, Bosfor Group - > „Our clients expect us to act fast and effectively across a very wide scope - from building a brand, through a website with a store, to running an effective sales campaign. Not an easy task, but doable when you have a tight-knit team and partners who take on challenges on the fly. For us, quality, accountability and commitment are key, and working with UX Agency Wzór gives us that 100%.” ![](https://wzor.biz/_astro/piotr-alberski.B09Ae7iY_Z19yEFs.webp)Piotr Alberski Chief Operating Officer, Agencja XO Media - > „Our cooperation with UX Agency Wzór started with our own website. We really liked the way they work, so we decided to subcontract projects for our clients to them on a White Label basis. We loved their workflow, the way they hand projects over to our team, their documentation and their work on the design system. Now we can take on bigger risks.” ![](https://wzor.biz/_astro/mateusz-swol.DkFG1xeC_1fOqLw.webp)Mateusz Swół Chief Operating Officer, Sellace The team ## Who will run your project An app is run here by a two-person design team - the same setup as on EzzyGuide. You know upfront who you work with. - ![Aleksandra Bondar](https://wzor.biz/_astro/aleksandra-bondar.Bn8yt1m6_14BXcM.webp) ### Aleksandra Bondar Senior UX/UI Designer - ![Katarzyna Adamczuk](https://wzor.biz/_astro/katarzyna-adamczuk.BgcDb3aF_15a0Nk.webp) ### Katarzyna Adamczuk Prezes, Analityk Biznesowy - ![Tadeusz Wadas](https://wzor.biz/_astro/tadeusz-wadas.W_mr3ido_Z20GQjB.webp) ### Tadeusz Wadas Senior UX/UI Designer Time and scope ## How long it takes and what shapes the quote 8–10 weeks From workshop to handover to the development team. Development itself is separate time and separate budget - if you do not have a team, we help you pick one. - Number of screens and features in the first version - One platform or both - Scope of user testing on the prototype - Integrations - payments, sign-in, maps, external systems - Whether an identity and component library already exist - Accessibility and regulatory requirements FAQ ## Questions that come up most often What does mobile app design cost? We keep the entry threshold public, and quote the figure for your specific app only after scoping - a first version can mean fifteen screens or sixty, and those are different projects at different figures. The quote depends on the number of screens, whether we design one platform or both, the scope of user testing and the number of integrations. We send a concrete figure within two business days of your enquiry. Does the quote include building the app? No. We quote the design - research, flows, wireframes, interface, prototype and handover. Development is a separate budget and a separate timeline, usually a multiple of the design cost. We say so upfront, because conflating the two is the most common source of mismatched expectations. Do you design iOS and Android separately? We design one product and differentiate it where the platform conventions genuinely diverge - navigation, gestures, system typography, form patterns. Copying screens one to one looks like a saving and ends with an app that feels foreign on the second platform. What exactly does "clickable prototype" mean? A working flow you walk through with your finger on your own phone - not a video and not slides. It does three jobs: user testing before code, showing decision-makers how the product actually behaves, and giving a development team something unambiguous to quote from. Do you test the design with users? Yes, on the prototype and before code - the cheapest moment to discover that a path is unclear. We agree the scope of testing together, because it is one of the items that moves the quote most. If the budget is tight, we say which decisions are worth testing and which can be made without research. Will you help us find a team to build it? Yes. We do not build mobile apps ourselves, but we hand over the design in a format that can be quoted and coded from, and we help you compare development teams. We stay reachable during the build, because that is exactly when questions about the design appear. Who owns the rights to the design? You do. Economic copyright to the design transfers under the contract, along with the source files. We do not use time-limited licences or make ownership conditional on continued work with us. Do you sign NDAs? Yes, as standard - with pre-launch apps it is the rule rather than the exception. We can sign your template or send ours before the first substantive conversation. We already have an app. Can it be improved in stages, without a rewrite? It can, and that is usually how we do it. We start with the path where you lose the most people - most often onboarding - and design that first, so the effect shows before the whole project ends. If you would rather begin by diagnosing where the problem sits, we run [UX audits](https://wzor.biz/en/services/audyty-ux/) as a separate service. Related services ## Related services - [UX Consulting](https://wzor.biz/en/services/konsultacje-ux/) - [Product discovery](https://wzor.biz/en/services/warsztaty-ux/) - [UX Audit](https://wzor.biz/en/services/audyty-ux/) - [UX Research](https://wzor.biz/en/services/badania-uzytkownikow/) - [Product Strategy](https://wzor.biz/en/services/strategia-produktu/) - [Technical Audit](https://wzor.biz/en/services/audyt-techniczny/)