--- title: "Interactive design" url: "https://wzor.biz/en/services/interaktywny-projekt/" description: "Instead of static mockups you get a working, clickable product behind a link - at the same price and in the same time as a regular design." lang: "en" --- # Interactive design [Free consultation](https://wzor.biz/en/free-consultation/) [Projects](https://wzor.biz/en/projects/) We design your app, website or SaaS so it **works and clicks like a finished product** right away - on desktop and on mobile. At the same price and in the same time as a regular graphic design. We have worked with leading companies and startups Challenges ## You design twice and implement once A graphic design is only an instruction - somebody then has to rewrite it into a working product. That is a second cost, usually close to the first, plus the friction where design meets code. - „Decisions are made on dead mockups” The decision-maker approves pictures and then does not recognise the finished product. A static mockup cannot tell you whether a path actually works - only a version you can click through can. - „The deadline slips during the rewrite” Weeks pass between having a design and having a working product, spent translating pictures into code. In that time the scope shifts, the energy drains, and the launch date stays where it was. - „Every fix is made twice” The designer says it was built exactly as agreed; the developer says the code will not do that. Each change lands first in the design, then in the implementation - and the second time it already looks different. - „Automation stops at seventy per cent” Generators (V0, Lovable, Bolt) assemble a shell in hours. The last thirty per cent - sign-in, error states, accessibility, consistency across screens - still needs a designer and a developer. Who it is for ## Who this is for - ### The owner or project sponsor Four to eight hours a month. Strategic decisions and stage approvals - on a working demo rather than on slides. - ### The person responsible for the product Two to four hours a week. Day-to-day calls, direction, and attendance at the weekly showing on the live version. - ### The person responsible for engineering One to two hours a week. The technical view, integrations and taking the code over at the end - with repository access from day one. - ### When we advise against it When a single person makes the decisions, when there is no team to take the code over, or when you are looking for the cheapest option. In all three the service will not pay for itself, and we say so on the first call. ![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 ## How it differs from a regular design - ### You approve a version you can click Instead of a review of pictures you get a link. You walk the path the way a user will, and only then say yes - on desktop and on mobile. - ### The rewrite phase disappears The design is built in the target code standard from the start, so there is no stage of translating a mockup into an implementation. The engineering team continues instead of starting over. - ### A fix lands in one place One source of truth instead of a design file plus a repository. It removes the whole class of drift where production differs from the approved design because nobody synced the second copy. - ### A human does the last thirty per cent A generator delivers the shell; we deliver what the shell breaks on - error and empty states, keyboard accessibility, component consistency and behaviour on real data. Process ## Four stages, a live showing every week 1. Week 1 ### Kick-off We meet the whole decision trio, agree the scope and the rhythm of the weekly showings. The stage ends with the scope approved. 2. Weeks 1–2 ### Discovery and plan Discovery, screen layout, visual direction and the foundations of the component system. You are left with a short plan, up to five pages, approved by all three. 3. Week 3 onwards ### A new version every week We design and build the working version. Every week a showing on a live link, with approval after each round - you get value weekly rather than all at once after twelve weeks. 4. Final week ### Handover A handover recording, documentation and start-up instructions. From that point the support window opens - we answer questions and make small fixes. Deliverables ## What stays on your side - ### A clickable product behind a private link Password-protected, available on desktop and mobile. You test it internally and with users; several people can click at once, each on their own data, without collisions. - ### Production-ready code with full rights Code in a widely used standard, ready to build on. Full economic rights pass to you on payment, so your team or your software house continues without a rewrite. - ### A visual system with documentation Components, colours, typography and patterns as one base for the whole product family - documented so an engineering team can read it, not only a designer. - ### Handover and a support window A recorded walkthrough and start-up instructions, followed by a few weeks in which we answer questions and make small fixes. Toolkit ## What it is built on A widely used standard, not an in-house invention - your team should be able to take this code over without an induction course. ![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) - React - TypeScript - Tailwind CSS - Vite - MSW (network request mocking) - Faker.js with Polish data - Zustand - Storybook 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 the portfolio Work in this model runs under confidentiality, white-label under a partner’s brand, so we do not show it by name. Below is a cross-section of projects the same team ran under its own banner. - [ ![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 ## The scale and rhythm of this service - 4–12 weeks from the kick-off to the handover - 6–25 screens in a typical scope - every week a showing on the live version, with approval after each round - 2–4 weeks of support after handover - questions and small fixes These numbers describe our own process and the scope of this service, not the results of anyone’s implementation. Projects run under confidentiality in a white-label model; the partner provides references on the quality of the work once an NDA is signed. 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 ## Three people, not a department This service requires one person to understand discovery, the interface and what can realistically be built. That is why a small team runs it, rather than a chain of hand-offs between departments. - ![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 - ![Patryk Korycki](https://wzor.biz/_astro/patryk-korycki.D95uAkaq_Z9hpwb.webp) ### Patryk Korycki CEO, Analityk Biznesowy Time and scope ## Scope and pricing 4–12 weeks From the kick-off to the handover. We price the work after a short call; the proposal, together with a short video walking through the scope, arrives within five working days. - The number of screens and paths to design - The number of revision rounds during the weekly versions - The number of user groups the product is designed for - Whether a discovery workshop is needed before the full contract - The length of the support window after handover - The integrations that have to be represented in the demo build FAQ ## Questions that come up most often Isn’t this just Figma, only in code? No. It’s a design that works and clicks like a finished product right away, with real interactions and available under a link. After a regular Figma design, someone still has to rewrite it into working code - here that step is already done. Aren’t tools like V0, Lovable or Bolt enough? They’re great for a quick start, but they only get to about 70% of a prototype. The last 30% - login, error handling, performance, accessibility, consistency - needs an experienced designer and developer. With us you get the complete thing, production-ready, at the price of a regular design. Is this “vibe coding”? Close to that category, but that’s not what we call ourselves. Interactive design is led by an experienced UX/UI designer (workshops, business analysis, audits), supported by AI. Wzór is a UX agency with design DNA - not a software company. Isn’t this just an MVP? No. An MVP is a version of the product you launch for real users - with a real database, login and integrations. Interactive design is a prototype: it works and looks like the final product, but on sample data, without a real database. What exactly is out of scope? We don’t build the backend, the database, login or external integrations (payments, mailing, SSO). We don’t do native iOS/Android apps, automated tests, CI/CD or monitoring. An admin panel is in scope only if it’s part of the product being designed - and then also on sample data. The prototype is the layer the user sees; the “engine” underneath is only added by production development. What if my product is meant to be built in something other than React? We work exclusively in React (and Next.js, which is built on top of it). If your product is ultimately meant to be built in another technology (Vue, Angular, a native app), porting the prototype is handled by our partner EMBIQ as a separate service. Is my data safe? We never work on your real data - always on sample data. We secure the version under the link with a password we can change between stages. We sign a mutual NDA. How much does it cost? The price of each project is individual, set after a short call - it depends on the number of screens and paths, the revision rounds and the integrations that have to be represented in the demo build. Most projects in our offer land between 10,000 and 300,000 PLN net, and the largest rollouts run above that. If your budget is lower, we’ll tell you so directly on the call. What do I get at the end? A clickable product under a private link (with a password), ready code on your side, a consistent visual system with documentation, run instructions, a handover recording (1–2 hours), and 2–4 weeks of support after the finish. 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/)