Everything you need to know about Wireframes & Mockups

Creating design is a multi-step process that requires careful analysis and good planning. Best practices show that design takes about 30% of total development time. This indicates the complexity of the process that cannot be performed at a heat. In view of this, many designers follow generally accepted approaches that are based on wireframes and mockups.

There are different points of view concerning the above concepts. If you ask Google about the difference between them, you will receive literally hundreds of thousands of results. Having read all the information, you may still be unclear about what is what.

What is wireframe?

A wireframe is neither more nor less than a draft of the product. When painting a picture, an artist firstly draws a sketch. It works the same way with mobile and web design.

Wireframe introduces a general scheme of the app or site and shows the layout of its components. It is usually the first step in the design process. For better understanding, imagine a building plan. It maps out the number of rooms in the flat, their deposition and measurements, you can see whether accommodation has a separate kitchen and which way the doors and windows are located.

Wireframes may differ depending on the level of detalization. However, all of them reflect a basic view of app or site with a proper placement of buttons, tabs, icons, and other elements.

What is mockup?

Let’s get back to the picture and the artist. Having composed a sketch, the master starts lending colors to the image. In the case of mobile and web design, you get a full imagination of the nature of the product. Not only can you understand how the objects are going to be arranged, but see their shapes, fonts, and, sometimes, colors. If wireframes tend to skip all the tiny details, mockups, on the contrary, aim to illustrate them at full length.

You should take mockup as a static representation of the final product. It is not just a blueprint but the end look of the application or website. Here, the designer decides on the buttons names, icons form, fonts sizes and types. He / she also sets a spacing between the elements and determines intervals and gaps. Wording and terminology are being selected at this stage. Also, designer starts picking up images that will appear on the site.

Mockups serve both for the team and the client. The first uses it as a detailed instruction for the development, the second – as a clear example of the finished product.


What developers think of Apple’s iOS 13

iOS is getting better and faster with every new version. At the WWDC 2019 the latest update to the iPhone operating system was announced, as well as the introduction of Dark Mode, Apple ID and renovated voice assistant Siri. For a fuller feature list, see the official Apple’s website. Today, it’s time to lift the veil on the technical advancements of iOS 13.

The developer’s view of iOS 13

We asked our in-house experts to share the results of internal tests of the new features and the iOS 13 environment.

Promising SwiftUI

SwiftUI looks promising from several points:

  • Incredibly fast and seems to outpace UIKit.
  • Less code and easy layout. Declare the content and layout for any state of your view. SwiftUI knows when that state changes and updates your view’s rendering to match.

Here is the look of code written using SwiftUI, which displays a list of landmarks with thumbnail, name, ‘favourite’ indicator and right arrow.

Camera Capture

In iOS 13, Apple releases the opportunity to record the output from the front and back cameras into a single movie file by using AVCaptureMultiCamSession. For our development team, this is an option which simplifies native Apple application creation.

Client Guides

Mobile app development guide: Travel Apps

When it comes to planning a trip, travelers rely on their mobiles more than ever. According to Travelport Digital, 80% of travelers used a mobile app to research trips in 2018.

So travel app development is a perspective niche to bring investments in. But if you want to build a big-time travel app, you need to carefully choose the business model, features, and decide on the budget.

In this guide, we’re sorting out travel mobile app development – from how they work to how to make a successful travel app. And how much it’s going to cost you.

Let’s get started.

How Travel Apps Work

Agencies create travel apps for much more than listing hotels and restaurants. Still, providing useful and engaging travel content remains their best lead generation channel.

The content travel companies rely on often includes:

  • travel guides
  • reviews and ratings from travelers
  • exclusive tours

By developing a travel app, companies offer a more convenient tool to search for tickets and check their cost, rent cars, and so on.

Same with accommodation search and booking. With extensive filtering options, reviews system, and other travel app features, users won’t spend tons of time choosing the right place.

Industry giants like Expedia and TripAdvisor allow doing all that from a single app.

Finally, some platforms work with upsales – they make custom propositions to clients, according to their preferences. Like offering specific tours, insurances, and additional services.

How Travel Apps Make Money

Next, we’re finding out what keeps travel apps like Expedia, TripAdvisor, afloat.

There are three revenue models for tourism app development:

  • merchant model (Expedia)
  • commission fees (
  • advertising (TripAdvisor)