Back

Crazycrab

Mobile App for HoReCa

E-commerce
Mobile Development
UX/UI Design
DevOps
Mobile App for HoReCa | Malevich Studio Portfolio

The client

Crazycrab

Industry - HoReCa
Location - Ukraine
Website for HoReCa | Malevich Studio Potrfolio

Services

Android App
iOS App
Cross Platform App
UI/UX design

Technology Stack

React Native - stack technology Malevich company
Typescript - stack technology Malevich company
GraphQL - stack technology Malevich company
Bitbucket - stack technology Malevich company

The Challenge

01.
To create a complete UX/UI design and develop a mobile application that replicates the key functionality of the website - including product catalog, promotions, shopping cart, delivery, and payment. The goal was to deliver a native UX for both iOS and Android, ensuring smooth navigation and intuitive interactions. Additionally, the app needed to support push notifications and a basic loyalty program to enhance user engagement and retention.
The SolutionThe Solution

We designed the complete UX/UI in Figma, starting with information architecture and user flows covering the full journey — from onboarding and browsing the catalog to checkout and order tracking. A scalable design system with tokens, components, and interaction states was created to ensure visual consistency and development efficiency. Interactive prototypes were built to validate usability and streamline collaboration.

 

For the mobile app development (iOS and Android), we used React Native + TypeScript to implement navigation, state management, and localization. The app integrates with the backend via API for real-time synchronization of menus, prices, and promotions. Key features include promo codes, product modifiers, delivery zone validation, “repeat order” functionality, push notifications, and an order history module.

 

Final builds were prepared for TestFlight and Play Console, accompanied by release notes and deployment guidelines.


 

Technologies:

Figma

Used to build a cohesive design system with reusable components, tokens, and interaction states. It ensured a consistent UI, enabled faster design iterations, and made the handoff process seamless for developers.

React Native

Provided a single codebase for both iOS and Android platforms, significantly reducing time-to-market and lowering maintenance costs, while delivering a native-like user experience.

TypeScript

Added type safety and improved code reliability, minimizing bugs and simplifying collaboration across the development team.

React Navigation

Enabled smooth and intuitive multi-level navigation, ensuring a natural user flow throughout the app — from onboarding to order tracking.

GraphQL

Powered real-time data synchronization for menus, prices, and promotions through a flexible and efficient API layer, optimizing performance and reducing server load.

Bitbucket

Used for version control and CI/CD, streamlining collaboration between designers and developers, automating builds, and maintaining code quality across the project lifecycle.
Mobile App HoReCa | Malevich Studio Portfolio

The Outcome

01.

Unified “Design + Development” Package

By delivering a UX/UI design and mobile app development package, we ensured a seamless user experience. The app features a clear, intuitive UX, a consistent, polished UI, and full synchronization with the website, including real-time updates to products, promotions, and pricing. This holistic approach minimized discrepancies between platforms and provided users with a reliable, cohesive experience across all touchpoints.

02.

Increased Repeat Purchases and User Engagement

The app “Repeat Order” functionality, combined with targeted push notification campaigns, made it easier for users to reorder their favorite products. Personalized reminders and promotions drove higher engagement, contributing to increased repeat purchase rates and stronger customer loyalty.

03.

Streamlined Operations and Reduced Costs

With a centralized admin panel, the client can efficiently manage the product catalog, promotions, and pricing from a single interface. This eliminates redundant processes, reduces operational overhead, and allows for;faster adjustments in response to market changes or seasonal campaigns.

04.

Faster Updates and Reliable Delivery

Automated build pipelines and a single React Native + TypeScript codebase enabled rapid deployment of new features and bug fixes across both iOS and Android. The client can release updates quickly and reliably, ensuring the app remains stable, up to date, and aligned with the website without incurring extra development costs.