Back

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • Design
  • UI
  • Development
NTFY-Image
NTFY-Image

Challenge

Scalability and deployment hurdles

When Nice To Fit You (NTFY) initially approached us, they were grappling with scalability and deployment issues stemming from their previous vendor. Despite NTFY’s prominent position in the diet catering industry, most user engagement happened on their website, where orders were placed. Although they had a mobile app, it was limited in its capabilities and served as a companion to their website.

The sizzling market of diet catering in Poland

Poland is home to a dynamic diet catering market, valued at approximately PLN 2.5 billion. As it continues to thrive, innovation is key to success. Today’s customers expect the convenience of completing tasks with just a few taps on their mobile screens. Therefore, the absence of a seamlessly functioning mobile app was putting NTFY at a disadvantage compared to their competitors.

Balancing innovation and user experience

Being known for setting trends rather than following them, NTFY had a big appetite for improvement. However, they were aware of the need to balance innovation with customer loyalty. They partnered with us to rewrite their app using Flutter, aiming to enhance it significantly without overwhelming their loyal customer base and secure a leading position in the industry.

NTFY GOALS:

  • Elevating the user experience by improving their diet catering mobile app

  • Positioning NTFY for further growth by developing a product ready for expansion into new markets

  • Ensuring a consistent user experience across all platforms

  • Establishing NTFY as a technology leader in the box diet industry

solution-icon

Solution

Choosing Flutter for multiplatform development

After thorough consideration, we boldly opted for a complete app overhaul using Flutter. This choice was strategic, as Flutter excels in cross-platform solutions, enabling app release on iOS and Android at the same time. This decision enabled us to easily add fresh features, ensuring a consistent user experience across platforms and setting NTFY on a path for ongoing growth.

Crafting the user journey

We started the project with workshops with NTFY to define the new user journey and decide what features the redesigned app should have. Then our UX designer took the lead, creating new wireframes with a strong focus on unifying the design of the system.

In the previous version of the app, the purchase process was complicated. It lacked food photos and product information, leaving users unsure of what they were ordering. To address this, we introduced a completely new shopping flow with real food photos and customer reviews.

One of the most exciting features we introduced was the ‘SELECT’ option, which allows users to order a single meal without committing to a whole diet. In this way we have created a restaurant experience in a diet catering world.

Development and coordination

The biggest challenge during development was maintaining old versions of the mobile and web applications while building new ones from scratch. We worked hard to ensure that the transition was seamless and that NTFY’s operations weren’t disrupted.

Close collaboration between our and NTFY’s teams helped us keep abreast of evolving requirements and iterate the project accordingly. A dedicated Scrum Master played a crucial role in streamlining the project. They offered vital process support and assisted our Product Owner with daily tasks, ensuring a seamless development process that stayed aligned with our goals.

result-icon

Results

Up to 40% cost savings, profit boost and industry applause

NTFY took a game-changing step by consolidating its services into a single, multi-platform Flutter app. This strategic shift not only resulted in significant cost savings in app maintenance and development, but also enabled a timely and cost-effective launch. What’s more, the release of the new version of the app triggered an extraordinary surge in user numbers.

Managing 200,000 meals daily with the power of Flutter

As a result, the revamped app now acts as a central order management hub, catalysing NTFY’s sales growth and efficiently delivering an impressive 200,000 meals to its customers every day.

A remarkable increase in user engagement and conversion

We didn’t count the calories, but we did count the numbers, and they don’t lie. Launching a new cross-platform Flutter app resulted in:

  • 50% higher user return rate vs web

  • 50% higher conversion rate vs web

  • 70% of all orders via the mobile app

The positive response from users can also be seen in social media and feedback. The App Store rating has risen from 4 to 4.7 based on thousands of reviews.

Scope of Project

Mobile Flutter App

The old app’s limitations were hindering NTFY’s goals. We chose a complete Flutter rewrite, swiftly reducing errors and enhancing order fulfillment. Our solution made NTFY a tech leader, offering a streamlined purchase process, multi-user support, and cross-platform availability on iOS and Android.

Web App

At the time, the web application served as the primary traffic source for NTFY, but there was room for improvement. While keeping the old version of the app running, we began a top-to-bottom rewrite using React. This ensured a consistent shopping experience in line with the mobile app.

Maintenance

With the NTFY catering app released, we’re committed to keeping it up-to-date, user-friendly and bug-free. Our monitoring tools help us to quickly identify and fix any bugs that may arise. We also proactively update the app in response to Flutter updates, system changes, or user feedback.

Product Design Workshop

We kicked off our collaboration with a robust workshop with the NTFY team. Joined by experts from both sides, we dove into the project. Together, we identified the core elements of the application and the improvements we wanted to make. We also carefully planned when to introduce new functionalities.

App Redesign

The previous app design lacked consistency and hindered future development. We have harmonised the user experience, created a completely new shopping flow and improved the address system. Our design is the result of many improvements that together pave the way for NTFY’s continued development and growth.

Features-Image

Features

Plan-Image

How we carried out

We developed a web application using React and the Create React App library for rapid development, complemented by Material UI to speed design implementation. Our main challenge was to create a custom calendar component to meet specific business needs, so we built it from scratch.

To maintain design consistency and provide thorough documentation, we used the Storybook tool. Our application relies heavily on API data as the primary source of truth, facilitated by the react-query library for efficient state synchronization and React’s context mechanism for global state management.

We organized the application into modules for streamlined code management, and for internationalization we used i18next for translations, the JS-embedded Intl class for price formatting, and day.js for date formatting.

The NTFY application also integrates with various external services, including Facebook for login and discount code distribution, PayU for payment processing, Google Tag Manager for user behavior analysis, and Sentry for error reporting.

To ensure stability and reliability, we implemented automated testing using Jest, react-testing-library and MSW.

Framework
React
Language
Typescript
Architecture
Modular(feature oriented)
State management
react-query(sync state with API)
UI library
Material UI
Localization
i18next, Intl, days
Automated test
Jest, react-testing-library, msw
3rd party integration
Facebook, PayU, GTM, Sentry
NTFY-Image

Are you interested in our dedicated Expert ?

If you are interested in our dedicated expert and want to hire, Please contact us or if you have any other query related to above pricing module you can call our expert.

Call our expert