InstallMate

A mobile app that simplifies the installation of Steelwrist AB products with intuitive, multilingual guides

Guided installs on a global scale

  • Challenge

    Steelwrist AB, a manufacturer based in Sweden, had a clear goal: to simplify the installation process for its international partners and service technicians around the world. The instructions currently used for the installation process were disorganized and difficult to follow, increasing the time and risk of errors.

    They wanted to create a convenient, mobile solution that would be available in multiple languages, with clear installation steps and the ability to quickly contact the technical team.

  • Solution

    Together with Steelwrist AB, we created the InstallMate app – a mobile assistant for installers. Our goal was to translate complex technical instructions into a simple, digital form.

    Our initial focus was to understand the key use cases. InstallMate needed to provide access to detailed, step-by-step instructions for Steelwrist AB products in multiple languages, all from a single, intuitive app.

    The goal was to speed up field installations and provide ongoing educational support to the company’s global network of partners.

    We chose Flutter because it enabled us to build both Android and iOS apps simultaneously, based on a common code base. For ease of navigation, we implemented QR code scanning to provide quick access to relevant instructions. We also added the ability to generate branded PDF completion certificates, which were ideal as proof of a completed installation or as part of the technical documentation.

    On the backend, we built a system based on Strapi to act as the CMS and admin panel. With Strapi, Steelwrist AB’s teams can manage content, respond to user questions, and process guide change requests in real time. We also implemented role support (Admin, Super Admin, Writer), which makes it easy to manage content and users with different levels of permissions.

    A key requirement was multilingual support. With Localizely, we implemented over 20 language versions, including Japanese, Chinese and Korean. Each guide has its own table of contents, checklist, and questions for each step. Users can add photos and track responses. All questions are collected in the “Your Questions” section, making it easy to go back and find answers quickly.

  • Results

    We provided Steelwrist AB with a tool that truly supports their global service operations. InstallMate has improved the daily work of technicians and administrators in the office and in the field. Users in different countries can now follow the same clearly described procedures, all in their own language.

    The new way of handling instructions has reduced installation times and minimized the risk of errors due to unclear materials. It has simplified communication between users and the Steelwrist AB team, as questions, suggestions and checklists are now integrated directly into the application.

Key features

  • Multilingual access

    Access guides in more than 20 languages, including Japanese, Korean and Chinese, for quick and easy installation of Steelwrist products.

  • Step-by-step instructions

    Each Steelwrist product has at least one guide assigned to it, grouped by brand, model and device type.

  • Table of contents in guides

    You can quickly jump between steps without having to scroll through the whole thing.

  • Checklists and PDF generation

    At the end of each tutorial, you can mark actions performed, add device data, and generate a PDF file for documentation.

  • Questions for specific steps

    You can ask questions about each step of the tutorial, attach photos, and get answers from other users or the admin.

  • Suggest changes to the guide

    You can easily suggest edits to the guide content and add photos as justification.

  • “Your questions" section

    You can find all questions collected in one place, making it easier to track answers.

  • User profile

    A basic profile where you can manage your data and activities anytime you want.

How we did it

  • Mobile app

    • Framework

      Flutter

    • Language

      Dart

    • Architecture

      BLoC

    • Networking

      Dio

    • Testing

      Mockito

    • CI

      Bitrise

    • Localization

      Intl

    Using the BLoC architecture, we built a mobile app for Android and iOS in Flutter. This allowed us to keep the code consistent and organized. Our aim was to create an app that is stable, fast, and easy to develop.

    We added the ability to scan QR codes so that users could go straight to the appropriate guide without having to search for it manually. We also made it possible to generate certificates in the PDF format. At the end of each guide, the user can mark the steps they have taken, add device details, and download a document confirming the installation.

    Since the app is used globally, we implemented support for over 20 languages from the beginning. We used the Localizely tool to easily manage translations and quickly implement them into the app. Additionally, we connected the app with Google Analytics so that the client could track user behavior and better understand which features are used most often.

  • Backend & admin panel

    • API type

      Rest

    • Language

      Javascript

    • CMS

      Strapi

    • Database

      Postgresql

    • API tests

      SuperTest

    • File storage

      AWS S3

    • 3rd party integration

      Sengrid, Sentry, Google Translation API

    The backend was created based on Strapi, which worked as a CMS and an admin panel. It enables Steelwrist’s internal team to, among other things, manage the content of guides, answer user questions, and accept (or reject) submitted change suggestions.

    We designed a role system (Super Admin, Admin, Writer) so that each user of the panel only has access to the functions they need. In that way, administrators can safely manage content and support application users.

    We also implemented integrations with SendGrid (for sending emails) and Google Translate API (for dynamic content translation). The entire infrastructure was automated using Terraform, which provided easy implementation in various environments.

  • Quality assurance

    • Test case management

      Testpad

    • API testing

      Insomnia

    • Mobile debugging

      Proxyman

    • Crash monitoring

      Crashlytics (Firebase)

    We used Testpad for quality assurance. It helped us create and track test scenarios and report results to the client.

    For API testing, we used Insomnia to check whether backend endpoints were working correctly in DEV, QA, and PROD environments. Proxyman, on the other hand, enabled us to precisely track application traffic and manipulate responses, thanks to which we could test different scenarios without having to build new versions.

    Additionally, Crashlytics monitored the stability of the application. All errors and crashes were recorded and analyzed in real time, which could then be fixed quickly.

  • Design

    • Wireframes & UI

      Figma

    • UX flows

      Figma

    • Clickable prototype

      Figma

    • Collaboration

      Figma

    • Design system

      Figma

    We created the graphic design in Figma. We wanted it to be based on readability and simplicity, which is especially important for users who work in difficult conditions or in a hurry.

    In the guides, we made sure that the steps were clearly structured and the information was logically arranged. We used well-known UX patterns so that the user did not have to learn a new system. The color scheme was based on the Steelwrist brand (green, black, and white), and we also designed a dark mode version.

    One of the most important UX elements was checklists. They make it easier to control progress, give a sense of closure of the process, and help avoid mistakes. Figma also served as a space for cooperation with the client, as all changes were discussed and applied in real time.

How it works

Hear our client’s voice

A skilled and supportive team. The continuous testing process was handled with meticulous precision, which gave me real confidence. Their project management felt open and clear, with steady progress and sensible support throughout. I really appreciated their approach to refinement, clear communication and always a feeling of safety - nice work you skilled crew!

Markus Nilsson

CTO, Steelwrist AB

Looking to create an app for your company?

Let our expertise guide you every step of the way!

See other products we’ve created

  • IoT app for MedTech –Health & Fitness Monitor

    epyGuard™

    • Medtech
    • Flutter
    • IoT
    Read more
  • Product distribution app. A rewards-driven experience can transform your operations.

    Hoppy

    • eCommerce & retail
    • Flutter
    • React
    Read more
  • Smartphone displaying fintech app for Dubai-based company, streamlining real estate investment management.

    Sarwa Real Estate Investment

    • Fintech
    • Flutter
    • React
    Read more
  • Road Maintenance App – Case Study

    CPOT

    • Transportation & logistics
    • Flutter
    • React
    Read more
  • grapes featured image

    Grapes: Natural Wine

    • eCommerce & retail
    • Flutter
    • Node.js
    Read more