Belitsoft > Mobile Applications for a Sports IoT devices Manufacturer

Mobile Applications for a Sports IoT devices Manufacturer

Client

Our client is a successful manufacturer of an innovative sports IoT device named Sportstation. They sell licenses to sports clubs and schools which use the device as a tool to record and compare athletes' and students’ sporting performance. Many clubs like FC Bayern and Real Madrid already use it for training.

Mobile Applications for a Sports

Challenge

To widespread the adoption of the product among end-users the Client wanted a “viral effect”. The gamification was supposed to be the means by which it can be done.

The gamification method implies that a participant can see their own results compared with the results of other participants who took part in the same activity.

However, the technical characteristics of this sports IoT device did not initially allow participants to compare their own results with the results of other participants. And moreover they could not even see their own progress over time.

sports IoT device

The Client wanted to hire dedicated mobile app developers who have a successful track record in creating both IOS and Android applications as well as Java backend-developers and web developers, and also those who have experience dealing with sports tech companies and manufacturers of IOT devices.

Belitsoft fully fitted the requirements.

Process

Results

1
2

Related cases

Related cases
Indoor Positioning System Using Bluetooth And Beacon Devices
Indoor Positioning System Using Bluetooth And Beacon Devices
Our client, the NYC-based company with R&D labs in Israel, came to us with the idea of an application that can provide detailed and accurate navigation inside the corporate buildings. Both mobile and web apps with real-time updates were developed using Bluetooth Low Energy (BLE), Beacons, and Cloud-based technologies.
Android and iOS Mobile App Development for a Drone Company
Android and iOS Mobile App Development for a Drone Company
Our Client, one of the world’s largest drone companies, decided to create a convenient mobile video editing app. Belitsoft has provided the Client with a team of Android and iOS mobile developers to create custom mobile apps for editing videos recorded using the drones produced by our Client.
Custom Backend for a Smart Flower Pot
Custom Backend for a Smart Flower Pot
Agile development of an application for the flower pot. Our main goals were to decrease the time for requests processing and improve other features without a budget increase.
Mobile App for Golfers
Mobile App for Golfers
A startup founder from Ohio has developed a special set of sensors for golf players to improve their strength and accuracy. The client then contacted Belitsoft to create a mobile app complementing the hardware.

Recommended posts

Belitsoft Blog for Entrepreneurs
Design for Android vs. Design for iOS
Design for Android vs. Design for iOS
Android vs. iOS: platform choice When deciding on a platform on which to develop your next mobile app, there are some things to keep in mind. Android has a huge market and in the second quarter of 2018, almost 88% of users worldwide had phones that run on the Android OS. IOS had a much lesser reach with slightly more than 12% consumers. The previous figures also translate into the number of app downloads. The number of Google Play apps installed per user account for the first time is about 2.8 times higher than that downloaded from Apple Store. Despite the lower number of iOS apps available, Apple generates 80% or 1.8 times more profits from its App Store. The trend is motivated by the number of factors. Among them are the availability of Apple Store in China as well as the presence of other Android app stores (like Amazon Appstore and Samsung Store).  Moreover, Apple devices are generally associated with prestige and high-end security and are owned by more affluent users. Android vs. iOS design: where to start? Design for both platforms may not seem much different at first sight. But there are specific platform features that will significantly impact the usability and perception of an app. Both Android and iOS have developed their own sets of rules, that tell how their applications should look like. Android devices are primarily based on Google’s Material Design, while Apple adheres to Human Interface Guidelines. Both operating systems support UI kits to make it easier for designers to understand how the apps should be structured and look like. For example, one can download and try out: iOS 11 iPhone GUI for Sketch by Great Simple Studio or similar GUI both for Photoshop and Sketch designed by Facebook. Android Lollipop UI Design Kit by UXPin or Android Nougat GUI by Great Simple Studio for Photoshop and Sketch. But before going deeper into platforms’ design features, let’s backtrack to this - skeuomorphism. The term “skeuomorph” is compounded from Greek skéuos (meaning 'container or tool'), and morphḗ (meaning 'shape'). According to Techopedia, “skeuomorphism refers to a design principle in which design cues are taken from the physical world.”  In other words, this is the approach of imitating the shape of real-life objects with 3D effects. The users should be able to easily deduce what the function of the element is. The aim is to invoke a feeling of familiarity in users, allowing them to apply their background knowledge. The technique was widely used in the 2000s and first years of the 2010s when most users were transiting to the digital world. It helped users get acclimated to new technologies as painlessly as possible. Source: mashable.com. IOS Newsstand looks like a wooden shelf Source: mashable.com. IOS Podcast app imitates an old fashioned recorder with spools Skeuomorphism was hugely supported by Apple and Steve Jobs was a fan of it. However, the current company's chief design officer, Jonathan Ive, does not share this standpoint. So Apple officially ditched skeuomorphism at the Worldwide Developers Conference and presented its all-new flat-based iOS 7 interface. Source: youtube.com. IOS 6 on the left, ioS 7 on the right Source: cs2024.wordpress.com. Calculator app on iOS 6 on the left, iOS 7 on the right Human Interface Guidelines is now based on three primary themes: clarity, deference, and depth. This approach celebrates minimalism, use of crisp elements, and focuses on typography and flat colors. ‘Negative space, color, fonts, graphics, and interface elements subtly highlight important content and convey interactivity.’ HIG To make the experience with the content smooth and pleasing, a designer is allowed to apply the effects of translucency and blurring. Bezels, gradients, and drop shadows can also be used, but only minimally and just to “keep the interface light and airy, while ensuring that content is paramount.” The planes do not intersect and should allow for a clear distinction between background and foreground layers. ‘Distinct visual layers and realistic motion convey hierarchy, impart vitality, and facilitate understanding.’ HIG This design perspective allows focusing on the meaningful elements while leaving things fully responsive and visually appealing. Google introduced its Material Design out of the need to unify the UI across different Android devices. The design is inspired by the real world and its textures and reimagines the mediums of paper and ink. ‘But unlike real paper, our digital material can expand and reform intelligently. Material has physical surfaces and edges. Seams and shadows provide meaning about what you can touch.’ Matías Duarte, Google's Vice President of Design In other words, Material design can be treated as an enhanced version of flat design with a touch of skeuomorphism. ‘Material design may be aesthetically flat, specifically the colors, but it is multi-dimensional: it takes the Z-axis into consideration.’ MK Cook, UX/UI Designer ‘Material design adds animation, layers, and a hint of skeuomorphism to flat design making things easily distinguishable like buttons.’ Melissa Galle, graphic design manager Android’s design aims at creating interfaces that are optimized for the digital and embrace the real world just enough to make the interface intuitive. To make things more illustrative, we will shed light on the main differences that every UX and UI designer should know before designing an app for iOS and Android. Android vs. iOS design: app icons An app icon is usually the first visual expression of your brand that a user gets acquainted with. Icons reflect the key idea and purpose of your product concisely. Every icon should be distinct and memorable, but each platform’s guidelines also have something to say about its concept and execution. All iOS icons are created square-shaped and are later automatically rounded off the corners. Apple vouches for flattened images with no transparency and a simple background. The company also recommends avoiding unnecessary elements like nonessential words, photos, and interface elements. An icon should be friendly and clear. Source: developer.apple.com Similarly, in its Material guidelines for product icons, Android, among other things, approves the use of paper shadows and provides recommendations about the range of colors to use. However, unlike iOS, Android icons can be transparent in the background and therefore get any shape that fits the icon area. Source: material.io Android vs iOS design: vocabulary differences Android and iOS share a set of basic elements, but apply different names to identify them. In order to avoid confusion, it is worth to know how each bar is called on Android and iOS. The thing is, these elements should comply with the platform style and size restrictions to provide the native user experience. Android vs iOS design: navigation Both Android and iOS have taken some different views on how the navigation of their interfaces should feel and look like. One of the core components of both Android and iOS is the status bar, where such information as time, network connection, battery charge and other system data is placed. It has a different layout on both platforms with iOS info distributed along the bar length and Android’s shifted to the right corner. The app bar/ navigation bar goes next and serves to display a name or current page of an app. On iOS, the bar is centered, while on Android it is left-sided. Source: medium.com One of the most common action users take is backward and forward moving within apps. Android provides its users with a navigation bar at the bottom. This is a set of three buttons (either physical or digital, depending on the device) that function as back, home and overview routes. IOS sticks to a little different approach. Neither its devices nor its interface has a universal back button. It means that designers must ensure decent navigation within the app and add a back indicator on the top left corner of every iOS app page.  Source: medium.com. LinkedIn Android app LinkedIn iOS app. Source: medium.com Navigation on both platforms may also differ in terms of tabs use and placement. Android originally prefers a drawer bar on the left side of the page with a hamburger menu or a top tab bar. Source: developer.android.com IOS, in its turn, firmly supports a bottom tab bar that allows for relatively easy access to the menu. Source: www.nextgeekers.com However, since 2016, bottom navigation has also become part of Android Material design and is implemented in such apps as Instagram and Foursquare. Source: play.google.com. Instagram Android app Source: itunes.apple.com. Instagram iOS app And the drawer menu is still sometimes present in iOS apps. Source: itunes.apple.com One of the most eye-catching distinctions between the two operating systems is the presence of a floating action button (FAB) on Android interfaces. It is commonly used to perform the primary action on a screen like composing an e-mail or adding a new post in a social network app. FAB usually appears in the right bottom corner to ease single-hand operation and is positioned in front of the screen content. However, sometimes it can be spotted in other places like at the junction of two areas that makes it more noticeable. As a rule, it has a circular form with an icon in the middle. Source: material.io One can also use extended buttons that are wider and contain a text label. Source: material.io The counterpart of the FAB button for iOS is a call to action button. One can typically find it in the center of tab bars or in the upper right corner, like in twitter app. Source: optocrypto.com. Twitter app for Android Source: 9to5mac.com. Twitter app for iOS However, rules are meant to be broken, and iOS apps also sometimes use those FAB. Take the LinkedIn iOS app, for example. Android vs. iOS design: typography Each system has its own default fonts that are recommended for designers to use. They help to create a sense of consistency and native look and feel across the platform. Android suggests Roboto as its default system font. IOS prefers San Francisco font, which has two variants depending on the point size. SF Pro Text is used for text 19 points or smaller, while for text 20 points or larger one should switch to SF Pro Display, and adjust the spacing between letters appropriately. Source: https://material.io Android vs. iOS: Screen resolutions When designing an app, one needs to have a solid idea of how interface elements will appear on the screens with different resolutions. One of the great tools for examining how the things might respond is Sketch’s Resizing Constraints. Android OS supports devices from different manufacturers, which leads to a number of screen sizes and densities to accommodate. Android uses a density-independent pixel (DP) as a core measurement unit. This is equivalent to iOS’ points. On a standard-resolution screen, one point counts as one pixel. High-resolution screens have a higher pixel density and require images with more pixels. When it’s time to export graphical elements, Android will, as a rule, require 1x, 1.5x, 2x, 3x and 4x scaling factor. Source: design.google Apple iOS devices are much more uniform in terms of image resolution. Source: developer.apple.com Android vs. iOS design: patterns gallery So we’ve touched upon main peculiarities of both platforms. To get some inspiration designers can also use some nice online galleries with modern apps templates. Some of them are: Dribble for Android and iOS - a resource where designers share their design samples, including the most trendy ones. Pttrns for iOS and Android — a collection of design patterns, resources, and inspiration. Inspired UI for iOS and Android - a showcase of the best examples of beautifully designed mobile apps. Mobile patterns for iOS and Android - a library of screenshots for designers and developers to reference. iOSpirations - a showcase gallery featuring the best iOS apps and icon designs for inspiration. Android Niceties — a collection of the most beautiful, well-built Android apps. Final thoughts This is by no means an ultimate list of differences between the two systems. But paying attention to these features will help you understand how the same tasks can be performed across the platforms. However, there are some examples of apps that borrow certain design patterns from their competitor’s OS principles. The final choice should depend on your users’ preferences. Belitsoft provides mobile development and design services for both iOS and Android. Our talented designers know how to create engaging interfaces that follow both systems’ best practices to make your apps stand out. Write to us to learn more!
Dmitry Kravtsov • 8 min read
Hire Dedicated Mobile App Developers
Hire Dedicated Mobile App Developers
What is Dedicated Mobile App Development Team A dedicated mobile app development team is responsible for building and maintaining mobile applications over an extended period. They are full-time employees hired by a client to work closely with their in-house team. Outsourcing through this option allows companies to start their project without the need to individually hire mobile developers. Additionally, the client is not responsible for welfare, taxes, or other HR administrative tasks, allowing them to focus on the core business activities. The dedicated mobile app development team model allows for flexibility in the number of developers on the team. The vendor assembles the workforce and can quickly increase or decrease the team size as needed. Renegotiating the contract with the vendor also eliminates the risk of lawsuits and financial obligations associated with layoffs. Additionally, this model provides access to a global talent pool and is often chosen for cost-effectiveness, as it allows companies to access top-quality work at a lower price by utilizing a dedicated workforce based outside their country. When to Hire Dedicated Mobile App Developers? You have an idea for an app that will fill your pockets. You want your app to compete with the top ones in Android/Apple stores but can't complete this large task yourself. Partnering with an Android app development company or iOS app development company could be the solution. You need to augment your tech team to develop a mobile app and get enough capacity to meet an agile and aggressive development schedule. You have pivoted your brand to broaden offerings. You require a cost-effective way to grow in your early stages. Build upon your beta app and create an optimal user experience with mobile app development services from Belitsoft. Get a user-friendly, intuitive, mobile app that reflects your revamped business direction. Things to Consider Before Hiring Dedicated Mobile Developers When hiring dedicated mobile app developers, it is important to have a clear understanding of the desired outcome and communicate it effectively with the team.  Understand App Type and Technology Stack Determine the type of app (native or web), the operating system(s) it should support (Android, iOS, or cross-platform), and the technology stack required. Different app types require different technology stacks. Understand Team Roles and Responsibilities Determine whether you are looking for a reliable technical partner, a team of developers who just can get the job done quickly and efficiently, a group of mobile development consultants, or a combination of all three. Each of these options has its own management, deliverables, and engagement requirements.  Understand allocated budget and deadlines Hold meetings with the business analyst and project manager to understand the financial implications of the workflow. Discuss the mode of communication, legal issues and functionalities. After the meeting, you will have a project blueprint, which details the agreed expenses and milestones, and helps to determine the deadline for the MVP and final version of the application.   Legally formalize agreements Create and sign a Non-Disclosure Agreement (NDA) and a Contract. The NDA binds all parties to keep any corporate secrets confidential and the contract outlines specific terms such as completion date, deliverables and payment timelines. The contract should also include information such as hourly rate, and warranty timeframes and conditions. How do We Select the Best Dedicated Mobile App Developers We consider more than just their resumes. In order to be considered for high-value roles, an applicant should possess particular skills. Independence Such mobile developers can take on a project, understand its requirements, come up with innovative technical solutions, and then expertly implement them - all without the need for constant supervision. They possess the skills to not only bring your project to life but also ensure it's delivered on time and to the highest level of quality, thanks to their ability to effectively manage their time and resources. Versatility in programming languages We look for mobile developers who have a strong understanding of popular languages used for different operating systems. This includes languages such as C, HTML5, C++, JavaScript, Swift, Python, and Java.  We identify mobile app developers who have experience working with both native and hybrid apps, including Xamarin app development. When conducting interviews, we try to identify candidates with diverse tech stacks and ask technical or language-specific questions to assess their skills. Ability to design and test user interfaces for multiple mobile platforms We consider their skills in designing user interfaces for multiple mobile platforms, specifically for both Android and iOS.  We test developers' ability to use reusable codes and templates, as opposed to writing new code from scratch, to speed up the development. We also look for mobile app developers with a proven track record of testing apps on both of these platforms. Knowledge of cloud infrastructure With modern app development heavily reliant on cloud technologies, it's important to find mobile developers who have experience working with multiple cloud platforms. Popular options include Microsoft Azure, AWS, and Google Cloud.   The ability to use version control systems We consider applicants who have experience using these tools as they are widely used in the industry. They allow dedicated mobile teams to add and test new features, judge their efficiency, and make decisions about the next steps. They also allow mobile developers to quickly upgrade or roll back to a stable version as needed. Popular version control tools include GitHub and similar ones.  Industry-specific business knowledge When conducting interviews we assess the applicant's business-oriented knowledge. This helps us ensure that the mobile developer has the ability to build applications that align with current trends and meet the specific needs of our clients’ industries (security, telecom, healthcare, logistics, e-learning, and so on). Why Dedicated Mobile App Developers from Belitsoft? Expertise at Your Fingertips Our dedicated mobile developers are experts in their field and adapt quickly to become an integral part of your team. We understand the importance of a smooth onboarding process and work with you to streamline it. Customized Talent Matching We focus on finding the perfect fit for your needs. Our dedicated account executive and expert talent matcher will work closely with you. We ensure that the dedicated mobile app developers we help you hire are not only technically qualified but also a good cultural fit for your company. We conduct rigorous tests to verify the candidate's interest in working for your company and gauge their abilities. We assess their skills through challenging problem-solving exercises and open-ended questions to understand their thought process. We provide detailed feedback on both the test task and the technical test after evaluating their expertise. Finally, you have the opportunity to interview the shortlisted candidates to confirm that they meet your requirements and are a good match. Scaling Made Simple Our hiring process allows you to quickly add or reduce team members as needed. Worry-Free Hiring Leave the administrative tasks to us, we handle everything from billing and payments to NDA agreements, allowing you to focus on your mobile project's success. Flexible Engagement Models  Our engagement models offer flexibility, enabling you to select part-time, or full-time options and adjust as needed.
Alexander Kom • 4 min read

Our Clients' Feedback

zensai
technicolor
crismon
berkeley
hathway
howcast
fraunhofer
apollomatrix
key2know
regenmed
moblers
showcast
ticken
Next slide
Let's Talk Business
Do you have a software development project to implement? We have people to work on it. We will be glad to answer all your questions as well as estimate any project of yours. Use the form below to describe the project and we will get in touch with you within 1 business day.
Contact form
We will process your personal data as described in the privacy notice
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply
Call us

USA +1 (917) 410-57-57

UK +44 (20) 3318-18-53

Email us

[email protected]

to top