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

Consistent UX/UI and a fully synced mobile app and website.

02.

Higher Repeat Purchases

Repeat Order flow and personalized push campaigns increased returning users.

03.

Improved User Engagement

Targeted reminders and promotions boosted in-app activity.

04.

Streamlined Operations

A single admin panel simplified catalog, pricing, and promo management.

05.

Reduced Costs & Manual Work

Centralized control eliminated redundant processes and sped up updates.

06.

Fast, Reliable Releases

One React Native codebase and automated pipelines ensured quick, stable updates on iOS and Android.