SaaS Platform For Web Apps | 2muchcoffee

We helped Station become a product hunt’s SaaS product of the year

As a top software development company, we are highly skilled to build complex SaaS focused platforms, like Station which allows you to work with multiple web apps in one single interface.
scroll

PROJECT DESCRIPTION

Station is the first native app that aims to boost working efficiency. It makes it simpler to use various applications on your web browser. The platform aggregates all of the user work apps within a single interface. As a result, the app helps to save tons of time while managing both work and personal applications.
  • Smart dock to stay organized

    Forget the time when you lost in tabs. The app automatically arranges the pages by application to make your workspace clean and neat.
    Smart Dock
  • Focus mode to get stuff done

    Minimize the distraction by choosing when and which application will send you notifications. Stay productive while doing the best of your work.
    Focus Mode
  • Multi-account to reduce any hassle

    Sign in the process takes so much useful time, doesn't it? Use multi-account features to log into multiple accounts with no-time and effort.
    Multi-Account
  • Quick switch for multitasking activity

    Context-switching pain will fade away with Station. Any to-do list, document, or conversation is easy to search across your applications just with a few clicks.
    Multitasking Activity
  • Use Auto Sleep mode

    Don’t get distracted with messages and notifications while you’re sleeping. The application’s auto sleep is a great energy-saving effect, too.
    Auto Sleep Mode

600+ APPS AVAILABLE IN A SINGLE PLACE

including G Suite, Slack, Asana, Trello, etc.
Promo Image
Promo

CHALLENGES THE APP PRESENTED

Station team came to us with a very specific request. Since their product scaled rapidly, they wanted to improve both the frontend and backend sides. Moreover, the team was looking for software developers with strong technical expertise in Typescript, GraphQL, React, Node.js to work on the tech-specific part of the codebase.

OUR SOLUTIONS

We use the Agile software development approach to build a transparent communication and task implementation flow. The scope of our work included:
  • Code review
    It was essential to ensure a native desktop experience. That is why a high-quality codebase was the first step to achieve. We did a secure source code review to be sure that the code was bug-free and nothing could affect the app’s work in the future. Moreover, our team improved the existing frontend codebase.
  • Cashing GraphQL queries
    For backend tasks, we changed the database structure. We switched from the default Redux store to GraphQL cashing. So it allows reducing the interaction with custom data structures and uses advanced features like Optimistic response. Plus, this decision helps to lower server load which positively affects the overall app performance.
  • Data migration
    To assure quick and easy organization processes between all user applications, we used Airtable. The service allows organizing anything and it works like a spreadsheet while offering the full power of a database. As a result, the data was migrated to Airtable to make the process of working with multiple applications smooth.
  • Frontend refactoring
    The team entirely changed the client’s routing system - from the custom solution to React router (v5) with HashRouter. Along with that decision, we refactored the existing frontend architecture so the performance issues could be reduced.
  • Better UX and Complete redesign
    As part of the user experience optimization, we had to be sure about high product usability. We also had to make sure that the visual representation of the app corresponds with the business logic. We improved UX with switching to GraphQL cache since it decreased the server load time and significantly increased performance. Moreover, based on the best practices of UI app design our team created a new layout for the app and did a full redesign.
  • Adding new functionality
    The functionality of this app went far beyond the scope of a basic software management tool. So, we had to include customized features to build a meaningful experience. We decided to add correct applications’ search functionality, infinite scroll, and edit/delete custom apps.
  • Technical optimization
    We did not forget about the technical optimization of the app. We improved Google Lighthouse metrics which lead to a higher ranking on the search results and boost Station app visibility.

Technologies

The combination of React for front end and Node.js for backend allow developing innovative user-focused SaaS platforms for web apps. We used PostgreSQL management system to design and implement the complex app logic while following UI/UX principles for user convenience.
  • React
  • NodeJS
  • PostgreSQL
  • GraphQL
  • Election.js
  • Storybook

Results

Since the Station was already an existing digital product we pay careful attention to all the details to recognize the pain points of our client and provide top IT consultations and services. 2muchcoffee software development process based on the simple premise - transparent communication and mutual cooperation between the web developers and a client, which helps us to achieve great results with the Station project.
The Station was designed to allow working with multiple web apps in one single interface. That is why we focused on making technical optimization and providing a better user experience.
As a result, the initial goal was achieved: the Station app provides high usability and seamless performance. Moreover, after the revamp that the team did, the conversion rates were significantly increased in the app store.
Visit the website

CLIENT’S REVIEW

Alexandre Lacgèze photo

Alexandre Lacgèze country flag

Co-founder & CTO

Users commented that the revamped app was richer in features and more user-friendly. The solution would also be a lot easier to scale in the future thanks to the well-written code. Collaborative and diligent, 2muchcoffee took the time to understand the core business goals, which informed the work.

Visit the website
Alexandre Lacgèze photo

Alexandre Lacgèze country flag

Co-founder & CTO

OTHER PROJECTS

  • fitness app image

    Swedish App Store №1 Fitness App

    Maintain a healthy lifestyle with no-time and money.
    • Fitness
    • Mobile App
    • Sweden
    Our client was looking to motivate people to stay fit regardless of the tight schedule. We provided a full cycle development of the mobile app where users can track taken steps and convert them into real goods. Among the best walking apps, Stepler works as a trigger to take care of your health. Based on App Store ranking, Stepler is a top mobile app in Sweden.
    See full case study
  • report system image

    Leading System of Sustainability Reporting

    Solution to the fast transition to sustainable society.
    • Sustainability
    • Web App
    • Sweden
    The Normative team wanted to respond to the current environmental challenges. They aimed to help businesses to achieve SDGs using automated calculations and in-depth analytics. We used the best practices of AngularJS web development to create a custom software solution.
    See full case study
  • education literacy app image

    US K-12 E-learning Reading Application

    Reinvent the learning experience for kids.
    • eLearning
    • Web/Mobile App
    • USA
    Cultivating the love for reading while developing the key literacy skills was the main goal of our client. We provided app design and development services from the discovery phase to web development using AngularJS to create intuitive and feature-rich eLearning product.
    See full case study

Build from scratch or improve the existing project - we can do it all