![](https://a.storyblok.com/f/86602/243x48/dd80312c10/brandactif_logo.png/m/243x0)
BrandActif is a visual commerce app with scalable, real-time GraphQL API that allows its users to get personalized content related to a given brand and make any mobile device and all sources of branded visual imagery digitally interactive.
![-mockup-desktop](https://a.storyblok.com/f/86602/1920x1080/576f35cb72/brandactif_hero_desktop.png/m/1920x0)
![-mockup-mobile](https://a.storyblok.com/f/86602/360x800/c2ae1cd6b7/brandactif_hero_mobile.png/m/360x0)
About the project
Project Overview
Description
BrandActif wanted to make a transition from in-house developers to a scalable outsourced environment to build and grow the platform. This led to 7+ years of successful collaboration.
Challenge
To completely rewrite the application with advanced features like image recognition and scan technology and turn the mobile solution into a progressive web application.
Outcome
Progressive web application powered with GraphQL API enabling compatibility with all browsers and operating systems together with smooth communication even on slow mobile network connections.
![slider image](https://a.storyblok.com/f/86602/1920x1080/cb5156f798/brandactif_project_overview.png/m/)
our role
Scope of our work
Our developers focused on building a new solution, accessible on any device, from scratch having in mind three pillars of the initial idea: publishing, broadcasting, and using branded assets. We applied an advanced image recognition solution and scanning technology to enable users to interact with brands in a unique way.
system management
User Types
The application can be used by almost anyone but it's mostly focused on brand and marketing managers or other people leading various marketing campaigns.
![Admin](https://a.storyblok.com/f/86602/349x249/1da1f61553/user-type-admin-brandactif.png/m/349x0)
![Company owner](https://a.storyblok.com/f/86602/349x249/4d958d198e/user-type-owner.png/m/349x0)
![Marketing manager](https://a.storyblok.com/f/86602/351x249/ecd20ecd52/user-type-admin.png/m/351x0)
Design system
Styleguide
We have developed a unique and user-friendly design system.
Typography
![](https://a.storyblok.com/f/86602/1036x640/d3cc470b35/typography-brandactif.png/m/)
Colors
Components
![Styleguide-components-mockup](https://a.storyblok.com/f/86602/1920x1080/82cfd6c13e/brandactif_components.png/m/1920x0)
results
Outcome Gallery
This is how the app looks inside!
Mobile Screens
![Mobile Screens](https://a.storyblok.com/f/86602/1186x800/2209dfed76/brandactif_mobile_screens.png/m/1186x0)
Campaign view
![Campaign view](https://a.storyblok.com/f/86602/1920x1080/e109056116/brandactif_campaign_view_1.png/m/1920x0)
![](https://a.storyblok.com/f/86602/1920x1080/3007107a52/brandactif_campaign_view_2.png/m/1920x0)
Users screens
![Users screens-0](https://a.storyblok.com/f/86602/1920x1080/b9f5d16cb1/brandactif_users_screens_1.png/m/1920x0)
![Users screens-1](https://a.storyblok.com/f/86602/1920x1080/8b9b8918e6/brandactif_users_screens_2.png/m/1920x0)
Check out the next project
Read more![Contact image](https://a.storyblok.com/f/86602/912x710/453ef7643f/contact-image-new.png/m/)