Interactive Prototype - TIBLO DIGITAL

INTERACTIVE PROTOTYPE

Improve the quality of your digital product, and save development time and cost with an interactive prototype

WHAT IS AN INTERACTIVE PROTOTYPE?

A prototype is not a user-ready digital product. Instead, it represents what the finished digital product will look like. For example, an interactive prototype of a native app depicts what the entire real app will look like when you download it from the app store.

We can make interactive prototypes for all kinds of digital products, including native apps, web apps, websites, webshops, custom-made web applications, SaaS solutions, and more. 

The prototype contains an actual design (not sketches), content, animations, and other similar elements. You can tap on any of these elements and navigate to the new content linked to them, which can be another page, a new animation, a picture, or a pop-up. Unlike static dummy visuals, an interactive prototype communicates in an ‘interactive’ manner. 

Prototyping simulates a complete experience of the finished digital product. Although it can’t use all device capabilities (e.g., camera, GPS, Bluetooth), it can imitate the interactions. For example, a prototype cannot access the phone's actual camera and use the photos. However, it can illustrate how a user would take a picture from her phone by showing an image representing the camera screen.

An interactive prototype is a fast and cost-effective way to test your ‘product idea’ by showing its representation to stakeholders (users, clients, colleagues, investors, etc.) before the actual development.

See more about interactive prototypes in the movie below. The video only shows app prototypes, but it is possible to prototype all kinds of digital products.

WHAT YOU CAN DO WITH ADOBE XD (PREVIEW) | ADOBE CREATIVE CLOUD

0.00 / 2:29

WHAT DO WE MEAN BY DIGITAL PRODUCTS?

On this page and other places at tiblo.com, you often notice the term 'digital products'. By digital products, we primarily refer to the following: native apps, web apps, progressive web apps, websites, webshops, custom-made web applications, SaaS solutions, and system integrations.

TRY ONE OF OUR INTERACTIVE PROTOTYPES

BENEFITS OF AN INTERACTIVE PROTOTYPE

We recommend that you opt for an interactive prototype of your upcoming digital product before its actual development. Some of the ways in which a prototype can benefit you are:

streamlinehq-browser-page-text-programming-apps-websites-48
See before you build

See your digital product's exact design and functionalities before paying for its development.

streamline-icon-ab-testing-browsers@48x48
Affordable testing

Without paying for the final developed product, you can use the prototype to quickly and inexpensively test your digital product idea on users.

streamline-icon-view-square@48x48
Better overview

Get a better overview of your overall business idea and make better decisions.

streamline-icon-saving-bank-1@48x48
Obtain funding

If you are a start-up company, you can show the prototype to potential investors to obtain funding to develop your digital product.

streamlinehq-cash-payment-coin-1-money-payments-finance-48
Avoid losing money

You avoid developing and paying for a digital product that users will not use.

streamline-icon-cash-payment-wallet@48x48
Best development price

With a prototype, it is much easier to obtain comparable prices from different agencies as they will quote a price for exactly the same development work. 

streamlinehq-insurance-cheap-health-beauty-48
Reduced development cost

Feedback from users can trigger many important changes or minor fixes. It is significantly cheaper to make alterations to an interactive prototype than to a finished digital product.

streamline-icon-presentation-projector-screen-programing@48x48
Non-technical solution

See your digital product visually without any technical understanding of programming.

FROM INTANGIBLE AND SUBJECTIVE TO TANGIBLE AND SPECIFIC

The majority of our clients contact us at the beginning of the development process. At this stage, they usually have initial ideas and often brief written notes about their desired digital product, like the features and functionalities they want in the product, their target audience's needs, etc.

All this initial work is helpful, but it would be inappropriate to start coding the digital product so early in the process. In our experience, it is often beneficial to prototype the product before the coding begins.

Some simplified examples of the requirements our clients have at the start of the development process are: our webshop must be intuitive to use, the design must be beautiful, it should support the purpose of our website, it must be easy to navigate in our app, our SaaS solution must be user-friendly, etc.

All these demands are reasonable and valid. They will surely increase the chances of success of the digital product. However, these requirements are also intangible and subjective. This is so because different people have different perceptions. Two people may have differing opinions on what ‘intuitive to use’ is. Likewise, there can be disagreements about what a ‘beautiful design’ is. 

It is, therefore, wise to translate these intangible requirements into something tangible and specific. The digital agency may end up building a finished product (an app, website, etc.) that, in their belief, is beautiful and intuitive to use. But despite their best efforts, if clients have different opinions regarding intuitiveness and aesthetics, the agency will fail to satisfy them. This may result in clients paying for a developed product that they are not satisfied with. Designing an interactive prototype before the development work begins helps clients get a finished product that matches their expectations.

HOW DO WE MAKE THE PROTOTYPE?

As the first step, we deep dive into your initial ideas and requirements for your digital product – the purpose of your product, target group, features you want in the product, etc. 

In the next step, we focus on the design. We prepare three different design proposals based on your preferences to offer you multiple suggestions. You then select the one you prefer.

Then we continue prototyping the rest of the pages based on the design you selected while ensuring all your requirements for functionality and design are included. 

In practice, this whole process is iterative. So, adjustments are made along the way. All through the process, it will be possible to present the prototype to the stakeholders (users, clients, colleagues, investors, etc.) and subsequently implement their feedback and corrections. 

When there are no more corrections and you are satisfied, you will obtain a finished prototype.

We work closely with you through the entire iterative process to transform your ideas into an interactive prototype. You just need to tell us your requirements and preferences, and then we will do all the work. If there are multiple ways to implement your desired functionality, we guide you. We explain the pros and cons associated with each approach. This helps you make informed decisions and choose the best solutions for your product.

Suppose you wish to make an app that requires functionality that lets users easily navigate to a specific address. This functionality can be implemented in multiple ways. One of the methods is to use the map application on the user’s device (Google Maps or Maps on iOS). In this case, the actual navigation takes place outside your app. Another method is to create a map functionality inside your app. In this case, the actual navigation takes place within your app. We will explain the advantages and disadvantages of each method. Based on our experience, we will also offer advice about what we think would be the best method for your specific product. This will help you choose the best method for GPS navigation in your app.

Note that you are not required to spend time making decisions about minor details. We do that for you based on our experience and knowledge. You will only need to think about the essential elements in your digital product.

BEAUTIFUL DESIGN

We understand how important your digital product’s aesthetics are for its users. Therefore, we spend a lot of time and effort creating appealing and functional designs that align with the product’s purpose.

Our design process has been appreciated by many of our clients. We start the process by deep diving into your style preferences to decode what delights you, such as colours, fonts, moods, designs of some other digital products you like, etc. Based on these preferences, we create three different design proposals for you to give you multiple options. After that, you select the design you prefer or ask us to provide fresh designs. This is an open-ended iterative process that continues until we arrive at a design you love.

Below are some pictures of designs created by us. You don’t need to pick any of these designs, they are just examples. We will customise the design for your digital product according to your wishes.

We have three different design methods. You can select the one you would like to use for your digital product. 

streamline-icon-color-painting-palette@48x48
Tiblo design template

Choose one of our six beautiful and tested standard templates.

streamline-icon-design-monitor-pencil@48x48
External standard template

There are thousands of design templates online for apps, websites, webshops, SaaS solutions, etc. We can use the one you prefer. 

streamline-icon-design-tool-pen-station@48x48
Custom-made Design

Our design experts create a design tailored to your needs and preferences.

OUR COMPETENCIES

Tiblo's competencies include more subject areas than just making interactive prototypes. Programming, UI design, user testing, user behaviour, IT security, business process optimisation, finance, business strategy, marketing, etc., are other important fields that we are knowledgeable in.

Our team includes people with multifaceted expertise that can benefit your project. As an example, one of our experts has worked on business process optimisation (LEAN, Six Sigma, etc.) in some of Denmark's largest companies. Another expert has worked in the field of user research and consumer insights for one of the world's largest data and analytics companies (Nielsen).

We can help and answer all your queries, such as: How do I monetise my digital product? How do I ensure an efficient workflow for users? How do I retain users? How do I best communicate with my target audience?

We will apply all our multifaceted knowledge and experience to build the interactive prototype for your digital product.

YOU DO NOT NEED PRIOR KNOWLEDGE ABOUT PROTOTYPES OR PROGRAMMING

If you choose Tiblo to make your interactive prototype, you do not need prior knowledge of prototypes or programming. You just need to tell us your initial thoughts and ideas. We will work and guide you through the entire process to transform your ideas into an interactive prototype. 

90% of our clients have no technical skills, but that is not a problem at all. We have the skills and experience for effectively communicating complex technical concepts in simple and easy to understand language. 

TECHNICAL INFO ABOUT OUR PROTOTYPES

All our prototypes are made in Adobe XD. Adobe has the world’s most used suite of creative digital tools such as Adobe Photoshop, Adobe Illustrator, Adobe InDesign, Adobe Premiere Pro, etc. Adobe XD is free to use, and you can watch a general demo of the program here and download it here.

Our prototypes can be accessed online, via a browser, from all devices (phones, tablets, computers, TV, etc.). This makes it easy for all stakeholders (users, investors, colleagues, etc.) to view the prototype. It is also possible to restrict the viewing of a prototype by protecting it with a password and inviting only a selected group to view it.

SHORT DELIVERY TIME

Specific delivery time examples from previous prototype projects.

6

WORKING DAYS

Design of a small native app with simple functionality. The design was based on one of Tiblo’s standard templates.

16

Working days

Development of a medium-sized webshop with 400 different products and semi-advanced functionality. The design was based on a template chosen by the client.

30

Working days

Development of a big native app with advanced functionality. The design was entirely custom-made.

PRICING

FULLY FUNCTIONAL PROTOTYPE FROM 2,300 GBP TO 4,500 GBP

We prefer to provide a fixed price for your interactive prototype project. Our fixed price model covers all expenses, including discussions, design, testing, corrections, etc. Therefore, you always know the exact cost of the finished prototype right at the start. However, it is only possible to calculate the amount after we know what you have in mind, such as what functionalities would you want in your digital product, how should the design look like, which devices (phones, tablets, watches, etc.) should the product operate on, etc. 

An interactive prototype costs between 2,300 GBP TO 4,500 GBP, depending on the scope of your product. We typically deliver a prototype between one and six weeks.

If you require prototype work done at hourly rates, it costs a maximum of 50 GBP per hour. The hourly rate falls with an increase in the number of hours purchased. 90% of our clients buy fixed-price projects and, in practice, obtain hourly rates that are significantly below 50 GBP per hour.  

The mentioned hourly rates apply to all our experts irrespective of their seniority level or domain (project managers, team leads, software architects, senior UI designers, senior UX designers, etc.).

Our prices are significantly lower than many other UK agencies that make interactive prototypes. In our experience, our prices are also lower than many agencies in Eastern Europe (Poland, Bulgaria, The Czech Republic, Hungary, Romania, etc.) that make interactive prototypes. This is, of course, without compromising on quality. You may be wondering how we can offer prototypes of high quality, with short delivery time, at such low prices. The answer lies in The Tiblo Model.

YOU OWN THE RIGHTS

Once the prototype is finalised to your satisfaction and you have paid the entire amount, you own all rights to it. If you decide to do further development in the future, you can continue working with us, find another (external) company or do the work in-house. You own the rights, so it’s all up to you. 

FREE CONSULTATION

We would be glad to invite you to meetings where we can share our knowledge and learnings about interactive prototypes. You can decide the subject for our meetings. We will offer valuable advice regardless of the stage you are at: ideation stage, development stage, a live digital product, etc.

The meetings are 100% free and non-binding. You are in no way obliged to buy anything from Tiblo after these meetings. 

TESTIMONIALS

Read small excerpts of what companies and individuals have said about their collaboration with us.

Tiblo developed our bespoke loyalty app. Customers can use the app to gain benefits when shopping in one of our 700 physical stores in Europe. Tiblo has functioned as a close and valuable sparring partner throughout the process, maintaining constant support from the idea stage untill the app launch and beyond. The cooperation with Tiblo has been satisfyingly productive. We are delighted with the high quality of work delivered promptly and at a fair price.

Allan Svinth

CFO and Director

Danske Idræt

Danske Idræt is an independent sports association for employees of Danske Bank in Denmark, with approximately 2,000 members. We needed a new digital platform (mobile app and administration module) to offer our association members a better experience and, at the same time, to simplify the administrative work for our volunteers. Tiblo has been a competent partner while working with us on this new digital platform. Tiblo understood our requirements and took the time needed to understand our organisation and pains. We are delighted with the collaboration and the high quality work, offered at a good price.

Christina Jørgensen

Vice-chairwoman

*The picture of Christina Jørgensen is a dummy. The correct picture will be uploaded soon.

Scroll to Top

GET A FIXED PRICE AND DELIVERY DATE ESTIMATE FOR YOUR PRODUCT OR PROJECT

We prefer to provide a fixed price for your product or project. That way, you know the exact cost of the product or project right at the start of your engagement with us. However, it is only possible to calculate the amount after we have some information about the product or project you are interested in. Once we have a broad overview of your requirement, we will provide a fixed price and delivery date. You can provide this information on the next page. No product or project is too big or too small for us.

We will do the estimation and respond to your query within two business hours (Monday to Friday: 08:00 am to 06:00 pm).

It is 100% non-binding for you to get the price estimate. You are not obliged to buy anything from Tiblo after receiving the quote. If you decide to let us work on your product or project, we can start immediately.

    GET A FIXED PRICE AND DELIVERY DATE ESTIMATE FOR YOUR PRODUCT OR PROJECT



    GET A FIXED PRICE AND DELIVERY DATE ESTIMATE FOR YOUR PRODUCT OR PROJECT

    Privacy Policy

    THANK YOU FOR YOUR INQUIRY

    We have now received your message and you do not need to do anything more. If you have written to us within normal working hours (Monday to Friday: 08:00 am to 06:00 pm), we will contact you within 2 hours. If you have written outside normal working hours, we will contact you when we are back in the office again.

    BOOK 2 HOUR FREE GUIDANCE MEETING

    We offer to hold a guidance meeting with you for up to two hours. If you want a shorter meeting, that is, of course, fine. This offer applies to all organisations: entrepreneurs, companies, public institutions, associations, etc. The guidance meeting is 100% free and non-binding. You are in no way obliged to buy anything from Tiblo after the meeting.

    In order to prepare properly and give you maximum value for your time during the meeting, we ask you to write out what you would like guidance on. You are, of course, welcome to ask more questions during the meeting. You can type this information on the next page.

      BOOK 2 HOUR FREE GUIDANCE MEETING



      BOOK 2 HOUR FREE GUIDANCE MEETING

      Privacy Policy

      THANK YOU FOR YOUR INTEREST

      We have received your request, and you do not need to do anything more. We will send you an email confirming our guidance meeting and providing information on when we can have the meeting (based on your convenience).

      We will write back within two hours if you have written to us during regular working hours (Monday to Friday: 08:00 am to 06:00 pm). If you have written outside regular working hours, we will contact you when we are back in the o