Web apps
Whether it be an LMS powered e-learning module, a headless e-commerce site or a mobile streaming app, web applications offer the ultimate in flexibility, scale and performance.
A web app is an application served via a browser, just like a traditional website. However, It can also be made into a ‘progressive’ web app (PWA) that is installable and packaged with access to device features previously only possible through native iOS and Android apps.
By building a stand-alone web application, you can choose from best-of-breed services to power it. It also means you can create multiple products across channels, including websites and mobile and device-specific apps from a single codebase, making your build and implementation lean and shaped to fit your user’s context. In the case of a PWA, this can include taking advantage of native features such as push notifications, GPS, cameras, and offline mode.
Traditional website | Standard web app | Progressive web app | Native app | |
Fully responsive | ✓ | ✓ | ✓ | |
Cross compatible | ✓ | ✓ | ✓ | |
Stand-alone (non-website) app | ✓ | ✓ | ✓ | |
Preloading content | ✓ | ✓ | ✓ | |
Dynamic & highly interactive content | ✓ | ✓ | ✓ | |
Installable from device browser | ✓ | |||
Available in an app store | ✓ | |||
Instant updates & universal sync | ✓ | ✓ | ✓ | |
Available offline | ✓ | ✓ | ||
Access to device features | ✓ | ✓ |
Some real-life examples of companies doing this include BMW, Starbucks, and Tinder, which have superseded both their website and native app with a PWA, while Spotify, Uber, and Google Maps have supplemented their native apps with web app versions.
But why? In the average month, most users download zero apps from their app store. This friction, which we’ll call here ‘the app value gap,’ is leading to the abandonment of new products. Web apps avoid app stores altogether, and by doing so, Mishipay has increased transactions tenfold while drastically reducing in-store queuing times.
Here are some of the leading reasons why you might consider a web app:
- Network speeds (where network connection is poor)
- Device limitations (where devices are older or lack storage space)
- Mobile page speed (where performance has impacted mobile engagement)
- Findability (where SEO makes it easier to find web apps than native)
- Convenience (where it is slow and undesirable to install from an app store)
- Reduced technical debt (where savings are made on managing multiple technologies and environments).
How we create the best experiences
Below is a summary of the technology and expertise we use to build web apps.
Product management
The product manager is the CEO of the product. They understand the market forces, opportunities and risks, and have a consolidated focus on the customer and how the product impacts them. Success is measured by KPIs grounded in customer experience and business goals.
Product as a service
To support its growth, the services that support and feed a product also need to be considered. Our product teams also specialise in service design, digital ops, cloud infrastructure and optimisation.
JavaScript, Node.js and React development
Our Javascript engineering capabilities include React and NodeJS, our chosen, industry-leading library and server-side technology for building web applications.
Static site generation
We specialise in GatsbyJS and NextJS, industry-leading JS frameworks for rendering web apps for various applications.
Build, deployment & infrastructure
We leverage Netlify and Vercel for build and deployment environments and specialise in Azure, AWS & Cloudflare for Scale, ID management, security, redundancy and cloud hosting.
Headless
For when web applications need to be served by a headless CMS, we specialise in Kontent.ai, Contentful and Storyblok.