4D Grupa

A platform built in Sanity for the biggest network of roofing wholesalers in Poland

A platform built in Sanity for the most extensive network of roofing wholesalers in Poland.

Technologies

Technologies

TypeScript

Sanity

Headless

Team

Team

Front-end Developer

Front end developer

IT Specialist

Project

Project time

12
months

The why

Sanity is really simple to use CMS for a customer. Thanks to it, he could modify each text on his website without developer help. Moreover, it's easy to use with Gridsome via GraphQL API, so it gave me the possibility to easily populate specific pages with real data.

Bartosz Wilk
Frontend Developer

The website required implementation of unconventional and advanced animations. The challange was to overcome the technical limitation, by implementing tailored solution.

Paweł Kotoniak
Frontend Developer

The work

The need

The need

The client needed to improve our overall system performance and enable for continuous scalability. He was looking for external technology expertise in some specific development areas. Client also needed to act quickly and he was lacking the required additional development resources internally.
Solution

Solution

Bravelab proposed to migrate from the old technology (Flask) to the new FastAPI and refactor the current functionality. The goal was to optimise and reduce the technical debt of the application. We also adapted to the new front and accelerated the application.The solution is based on the latest front-end technologies.

Poland is living in a boom economic era, and the construction industry is at its peak. Many sectors and all size companies are demanding new solutions to expand their business and reach their goals. In this scenario, 4D Grupa comes up with the audacious idea to assemble a network of roofers from all over Poland to cover a niche market.

The ambitious project required designing and developing an intuitive and scalable platform to connect companies in this sector, advertise them, and launch an intuitive interface for potential clients to make wise choices during the product selection process.

About 4D Grupa

4D Grupa is an integrated network of roof wholesalers, which aims to create and develop the strongest brand on the roofing materials distribution market in Poland.

4D Grupa website screens

The idea behind the concept

Our client was looking to implement a new web platform to gather wholesalers from the construction sector in Poland. The new platform must integrate a system to promote the company's members through a perfectly designed site and include tutorials and news related to the 4D Grupa activities. Due to the expected reach and faster growth of this new network, one of the most challenging spots was to develop a platform easy to enhance, always keeping the magic essence of the intuitive interface the client desired from its conception.

Bravelab’s solution

Process

At Bravelab, we create a transparent process where communication between the client and our team is fluid and effective. We fully immerse ourselves in each project, so we can have a comprehensive understanding of the scope and establish the main objectives of the project:

  • Brief
  • Introduction call
  • Discovery Workshops
  • Integral Proposal
  • Decision


The values that guided us were indeed partnership and mastery. Thanks to that and our experience, we managed to fulfil the client’s expectations.

Scope of the work

  • Concept idea and research (by Jakub Szufnarowski / Dandelion).
  • User interface and platform design (by Jakub Szufnarowski / Dandelion).
  • Platform development.
  • Testing & launch.

Insight numbers

263 hours invested on app development.

Developers assigned to this project:

  • Paweł - Frontend
  • Jakub - Frontend
  • Konrad - Full stack
  • Bartosz - Frontend
  • Maciej - Frontend
  • Jakub - UX/UI Senior Designer

Technologies

  • TypeScript
  • Sanity
  • Headless
  • Jamstack
  • Netlify
  • Gridsomejs
  • SSR
4D Grupa example website screens

What our team did

  • We prepared the entire site with a leading-edge modular system, which should allow us to build in the future any number of subpages representing the offer of cooperating construction companies. The key challenge was to simplify the search results by designing the search site focused on nearby companies.
  • Bravelab built a cutting-edge solution using Sanity, a unified content platform that powers better digital experiences. Sanity is a perfect mix of ease-to-use paired with the ability to customise almost anything the client needs.
  • The 4D Grupa platform was developed with Typescript. It allows us to build an innovative platform with strong static typing that makes it possible to find the right balance between flexibility and correctness.
4D grupa website sreen

"Making magic with Sanity"

“Sanity is simple to use CMS for a customer. Thanks to it, our client can modify each text on its website without developer support. Moreover, it's easy to use with Gridsome via GraphQL API, allowing me to create content for specific pages with accurate data.”

_________

Bartosz - Developer / Bravelab



4D Grupa PC screen

A remarkable integration between design and development

The website required the implementation of unconventional and advanced animations. The challenge was to overcome the technical limitation by implementing tailored solutions. The interface was designed with the main intention to display all the information about the company associated with an interactive experience that allows users to discover 4D Grupa as an open and dynamic company.

CMS screen

An avant-garde UI solution

“4D Grupa platform was built on a rigorous grid; the site is very minimalistic and adapts optimally to the content thanks to a set of modules. Users can easily navigate through the site's content in a way that is both surprising and pleasant.”

_________

Jakub - Senior Designer / Dandelion Studio + Bravelab

The result

A platform easy to use

  • We achieved a platform that is fast and easy to use. It does not need any maintenance. The website can now be a place to work together with wholesalers and has a simple and intuitive design. Our client has a site using the newest technology in programming and can do everything by himself.
  • By implementing the know-how section and tutorials, every user can gather knowledge about each aspect of the construction and choose the right offer.
  • A most significant advantage was to design the interface clean from one side, and the other side will be just the frame for presenting the partners offer which is on a very diverse visual level.
4D Grupa example mobile screens

We are ready to craft your next big project

Our software house develops complex and sophisticated solutions for a wide range of markets and industries. From e-commerce to platforms integrated with AI and multiple integrations.

  • Web development
  • Mobile solutions
  • Maintenance
  • UX/UI design
  • Consulting
  • Holistic long-term solutions


Outcome

Thanks to Bravelab’s work we were able to split frontend of the project with the backend, also we improved by far the responsiveness of the application due to new technology used.The last important outcome is the new look of the app thanks to new UI design.

We work very closely with the Bravelab’s team and our own. We really appreciated good communication and an agile attitude.
Panther Pricing Bravelab

Closer Music

The machine-learning-based web platform for optimising pricing in brick-and-mortar stores.
Ingresso Team extension

Solidstudio

A collection of APIs integrating the existing ticketing platform with third-party systems.
Talent-Alpha Team extenstion

Talent Alpha

Vue.js frontend team extension supporting the internal team of the Talent Searching Platform.

Want to get in touch? Drop us a line!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.