Pagepro

We partnered with GPnotebook, a trusted clinical reference tool for doctors, to modernize their outdated CMS and fragmented platforms.

By rebuilding with Next.js, Sanity, and Algolia, we delivered a fast, scalable solution that supports global audiences and localized content.

Editors can now manage and publish updates without developer support, cutting costs and speeding up content delivery. The platform unifies multiple sub-brands, improves search performance, and provides a strong foundation for future growth while significantly enhancing user experience and SEO.

Challenge:

Toolbox team wanted to unify the user experience across its products and develop a customer-facing platform containing the entire offer as a one-stop shop for all the users. 

Toolbox has a wide team of specialists ready to build the backend but wanted to get additional support in establishing the full project plan, choosing the right tech stack, and developing a user-centric frontend.

That being said, as we became their partner, our final goal was to create a frontend that will cater to all the product lines and be powered by the content management system.
 

"3 in 1" MVP

Toolbox team determined that the platform should consist of three components:

- A Marketing Website
- "Quote-to-buy" App
- A "Customer Account" App

Solution: 

The whole project was built by a few, experienced teams cooperating with each other. As a frontend development agency, Pagepro was responsible for:

- Building a Jamstack marketing website with Next.js and Sanity
- Building the frontend with React, and integrating Sanity for the Quote-to-buy application
- Contribution to UI Development for the Customer Account App

Results: 

We created the MVP that meets all the functional and technical requirements and provides a fully automated insurance selling process with a user-friendly interface. With this platform, Toolbox delivers a unified user journey across the products that influence brand recognition and makes project management easier.

Challenge:
When Colony reached us, their web application built upon React.js required a visual refreshment to make it easier, user-friendly and attractive.
Additionally, the current setup made adding new functionalities complicated and often led to a disjointed UI and UX, resulting in user confusion about how the application worked.
Furthermore, since Colony is constantly growing and evolving, they wanted to ensure they have a solid foundation to support their further growth and provide full scalability.

Solution:
Colony decided to outsource the front-end development to refresh their current application, mostly because they decided to focus their internal resources on backend development and blockchain integration, areas that are core to their platform's unique value proposition.

Given our previous cooperation and the fact that we already knew the project, Colony decided to use our React experience for their project. They provided us with the list of needs they had for implementing the new design: 

• accommodate new features better
• adjust the app to the price they charge for using it
• rebuild some components
• make it easier and more attractive
• make it more user-friendly
• make the app more mobile-responsive
• implement users' feedback they received
• improve overall user flow and interactions to make it easier to access and ensure a simple process

Result:
Since launching in a closed beta at the end of November, limited to a select group of users, the platform has been under continuous improvement, reflecting the dynamic nature of blockchain applications. This time has been crucial for gathering and integrating user feedback, with our team working closely with Colony to enhance the application.

Read More

Challenge

To deliver a mobile app MVP in 4 - 6 weeks. 

Services Provided

• Tech stack recommendation
• Mobile App MVP Development
• React Native Outsourcing

Why did Veygo choose us?

• Simplicity in communication
• Ability to work with a tight deadline
• Work ethic and quality assurance 
• Cost-efficiency

Technologies used:

• React Native & Expo
• TypeScript
• Firebase
• Styled Components
• Node JS
• Sanity Headless CMS

Customers Challenge: 

Learn Squared faced many challenges arising from the monolithic Drupal platform they were using. The inflexible nature of the platform made it complicated and time-consuming to incorporate new features, delaying the project's ability to stay competitive and adapt to market demands. The outdated tech stack limited the platform’s potential for innovation and scalability.

Solution: 

To address those challenges, our team proposed a comprehensive solution, offering a full-house service that included:

• Technical Discovery Phase to run technical feasibility and choose the best and the most efficient tech stack, as well as the delivery scope
• Jamstack Development Services which included migration to a new platform and integration with a new e-commerce platform
• Post Release Support to support the product after its release, continue working on new features, implement users' feedback and quickly respond to any problems or bugs

Tech Stack used in the project: 

• Next.js 
• Shopify
• Strapi 
• AWS and Vercel for Hosting

Results: 

• Greatly improved website performance
• Notable 4% decrease in the bounce rate and a 24.35% increase in revenue within the first 26 days since launch. (It's important to consider that additional factors like recent sales and new course launches may have also influenced this metric.)
• Seamless integration of new features and facilitating the platform's rapid evolution in response to changing market demands
• Full compatibility, strengthened security, safeguarding and establishing a robust and future-proof infrastructure

Objective:

• Establish a modern web identity aligned with the brand guidelines.
• Build a scalable, flexible website to support the business strategy and future growth.

When Kiwi Storage approached us, their goal was clear: expand their reach, streamline the storage ordering process by integrating a third-party system, and turn their website into the primary source of lead generation.

Their existing WordPress website fell short of expectations, requiring heavy developer involvement and manual handling of inquiries, which was inefficient and time-consuming.

To address these challenges, we opted for a high-performance, secure, and scalable solution. Migrating to Jamstack emerged as the ideal approach.

Services Delivered:

• Jamstack Development
• Next.js Implementation
• Sanity Headless CMS Integration
• On-Site SEO Optimization

Kiwi Storage also envisions evolving their site into an e-commerce platform with customer accounts. For this reason, we chose Next.js—a standout framework for user interaction and custom feature support.

Adopting a headless CMS empowers Kiwi's content creators, giving them full control over content management, structure, and adaptability for future updates.

Results:

• LCP improved from 2.9s to 456ms
• TBT reduced from 430ms to 144ms
• Performance Score jumped from 41 to 99

Localcoin was challenged with slow page speeds, a dated technology stack, and a user experience (UX) that was far from optimal. These challenges hindered both business growth and customer satisfaction.

They decided to migrate from WordPress to Jamstack. The primary goal was to achieve lightning-fast page speeds unavailable with their current WordPress setup. Their vision was to build a website grounded in future-proof technologies, leveraging modern frameworks and tools. However, they didn't have the resources to run the migration independently.

They were looking for a Jamstack expert who would create the website for them and were talking to 3-4 similar agencies to ours, but based on some factors they considered like quality, speed of development, technical expertise and experience in crypto, after the technical call, where we shared our deep Jamstack experience, they decided to process the project with us!

Our Solution: Next.js for frontend agility 
Prismic as a Headless CMS (chosen for its superior user experience and excellent multi-language support) 

Results: 
- Lower Page Weight: The transition to a Jamstack architecture, with Next.js at the forefront, significantly reduced the page weight of Localcoin's website.
- Enhanced Website Performance: The use of modern web technologies and adherence to best practices in web development resulted in a highly performant website.
- Streamlined Content Management: The adoption of Prismic CMS, a headless content management system provided the marketing team with a user-friendly interface, allowing them to update and publish content in multi-language versions quickly and efficiently.
- Independence in Content Updates: With Prismic CMS, Localcoin's non-technical staff gained the ability to make content changes independently, without needing developer intervention.

Challenge:

Being a technology-driven company, Proofed recognizes the critical role of technology in its success, especially for scaling content editing while maintaining quality and consistency. A major challenge was the manual nature of order management in their previous system, which limited efficiency and scalability. To overcome this, they developed a new system to automate complex workflows and enhance order management visualization, expecting it to handle 100x more orders.

Solution: 

Crafting this web app MVP required a dedicated approach, leveraging the strengths of React and Next.js, complemented by a custom middleware layer. React's component-based architecture allowed us to build a highly responsive and user-friendly interface, perfectly aligning with the app's design and functional requirements. Integrating Next.js elevated the app's efficiency and security. It enabled server-side rendering, a key feature that not only enhanced performance but also added an extra layer of security by handling sensitive data away from the client side.

As Adam Harvey, CEO of Proofed said:

"Pagepro came recommended to us, and we immediately saw them as a partner rather than a service provider. We had very specific requirements on UX and design and the Pagepro team has consistently delivered excellence in front-end development." 

Results:

Overall, the results of the project showcased the successful development and implementation of an MVP that met the customer's requirements. The pixel-perfect design, improved order management efficiency, the establishment of clear coding standards, and the introduction of a middleware layer all contributed to a high-quality, secure, and user-friendly platform.

Read More:
https://pagepro.co/case-studies/proofed

Objectives:

• Building Jamstack website for the highest performance and high Google ranks

• Migration to Jamstack without a drop in existing high Google ranks

• Creating high-resolution visuals to attract potential customers

Lyngen North is a family business, offering accommodation in glass igloos and houses with uninterrupted views towards the Lyngen Alps and Lyngenfjord.

The customer has a technical background, so he knew that he wanted to build a page with modern technology and get away from WordPress, which he found hideous and hard to maintain, especially in terms of managing the functionalities and integrations.

The main challenge of this project was to keep the high SEO ranks after the migration and create high-res visuals that won’t influence the page speed.

Services provided:

• Jamstack development

• Gatsby.js development

• Sanity as a Headless CMS

• On-site SEO optimization

Since we have worked with Jamstack projects for over 10 years now, we’ve built a strict and effective Jamstack delivery process that consists of 4 main phases: Discovery, Design, Development & Testing, and Launching.

Each phase consists of steps prepared individually for the project requirements.

Read more: https://pagepro.co/case-studies/lyngen-north

Objective: 

To release a fresh and new user interface for a Leading Tool for Social Media Influence Marketers.

Services provided: 

• React Native Development
• Dedicated dev team
• Complete mobile app rebuild
• Mobile app user interface

Outcomes:

• Software updated to the newest version
• App performance boosted
• Enhanced UX
• Designs renewed
• New features and funtions added

Objectives: 

• Create a future-proof, flexible website that supports the business strategy
• Deliver a user-friendly CMS that enables easy and quick content creation

Green Custard is a cloud-native professional services company and AWS Advanced Tier Services Partner, helping clients innovate and deliver value back to the end-users and customers.

When Green Custard reached us, their existing website was already built with Jamstack. The User Experience wasn’t bad, but because of the chosen tech stack, they struggle with scalability, new pages creation and content management.

They wanted to get a new, one-of-a-kind website that would reflect their knowledge of the latest technologies and wide experience in that field.

Services provided: 

• Jamstack development
• Gatsby.js development 
• Sanity as a Headless CMS 
• Netlify deployment

Challenge

Payhip, an e-commerce platform, was limited by its web-only presence, missing out on real-time interactions and mobile accessibility for its users. Sellers expressed a need for immediate sales notifications and on-the-go access to revenue data, a gap that competitors with mobile apps were already filling. This lack of mobile presence threatened customer retention and market competitiveness. Payhip recognized the urgency to establish a mobile channel but lacked the in-house capability for mobile app development.

Solution

Payhip opted to develop a cross-platform mobile app MVP using React Native, targeting both iOS and Android users. The app featured real-time sales notifications, light/dark mode, and easy access to comprehensive sales data, addressing the core needs of their sellers. The development was spearheaded by a dedicated Pagepro team, including a project manager, developers, and a QA tester, employing Agile methodologies to adapt swiftly to changes and incorporate feedback.

Services Provided 

• React Native Development 
• Expo Development 

Results

The outcome was a swift and successful launch of the mobile app MVP within 5 weeks, meeting all the predefined satisfaction criteria. The app's availability on both major platforms significantly enhanced user engagement and operational efficiency for Payhip's sellers. It solidified Payhip's competitive position and opened new avenues for market expansion and customer retention.

The customer just started a new business that aimed to unify and automate the process of estate management. Their main challenges were:

• To turn the idea into a product with limited time and budget
• To find reliable partners and investors
• To reach an audience around the US
• To build an easy and accessible process of creating estate plans
• To automate the process and provide individual offers

When the customer was looking for a highly specialized React agency, he didnt have a detailed plan on how to execute the idea. He only knew that he wanted to build an app in React, based on the created data models, without any further details.
 

GatedTalent is a platform dedicated to both recruiters and highly experienced executive professionals.

The goal for our team was to develop a high-quality, built with ReactJS, modern User Interface for the application.

Objective:

To build a mobile & tablet app that enables on-demand voucher redeeming.

Services provided:

• Mobile app development
• React Native development
• QA & Testing

Project delivery:

We have divided the project execution into 4 sprints:

SPRINT 1:

• Preparing a project backlog, refinement & planning sessions
• Setting up the project boilerplate with React Native, Expo, TypeScript
• Creating UI components for main screens - Phase 1
• Infrastructure Configuration - Testflight, Builds, etc.
• API Investigation
• Sprint Release + Demo

SPRINT 2:

• Creating UI components for main screens - Phase 2
• Splash Screen Implementation
• Login Screen Implementation
• Magic Link Screen Implementation
• Deep linking Feature
• Home Screen Implementation
• Transactions Screen Implementation
• Search Transactions Feature
• Transaction Details Screen Implementation
• Sprint Release + Demo

SPRINT 3:

• Scan Voucher Screen Implementation
• Scanning Barcode Feature
• Handling device permissions for camera
• Redeem Voucher Screen Implementation
• Success Screen Implementation
• Check & fix differences between iOS/Android
• Tablet version support
• Sprint Release + Demo

SPRINT 4:

• Implementing the last screens
• Running the final Q&A adjustments,
• Publishing the app!

Fun fact: We had no remarks from Apple on the first try!

Read More:

https://pagepro.co/case-studies/evouchers

Objective:

To Build Super Performant User Interface for a New Age Digital Banking App in React Native.

Novus World is a London-based startup that has the ambition to enable purpose-driven people to enable their spending to make the world a better place.

They were still in the fundraising phase, and they needed to push their development further in order to get the funds needed.

They have finished the UX/UI designs and needed support in the development stage. This is why they were searching for a highly specialized, verified, and exceptionally organized React Native agency.

Services Provided: 

• React Native Development
• React Native Staff & Team Augmentation 
• Mobile App Development
• EXPO Development

Read More:
https://pagepro.co/case-studies/novus-world

Challenge: 
Amplience stands as a specialist in the realm of technology, focusing on an API-first, headless content management platform. They understood that the core of its expansion hinged upon enabling effective developer adoption, yet they faced the challenge of explaining how the platform and dynamic content there really worked and how beneficial it was. They knew that for devs, the interactive environment is much more effective than providing another long documentation. To accelerate a top-tier developer experience, Amplience aimed to create an interactive "Get Started" wizard guide for developers. 

Amplience, prioritising core product development, had to strategically allocate their developers across the projects. Striving to maintain velocity across multiple high-priority tasks, the company required a swift and efficient solution that would not compromise the quality of the developer guide. And that’s why they were looking for an experienced React JS Development Company. 

Solution: 

We crafted a Next.js web application rooted in detailed designs and a comprehensive working prototype Amplience provided us. This app, seamlessly linked to their expansive platform, is propelled by an API they also provided. 

We developed the app as a microservice that is displayed in the iframe inside the developer portal, and connected it with their CMS by the API, to fit into the complex platform which is based on smaller microservices.

Services provided: 

• https://pagepro.co/services/nextjs-developmentNext.js Development 

Results: 

The recently launched Get Started guide has swiftly generated positive results for the Amplience business within the initial few weeks and secured 8 subscriptions in just a few days. 

Accompanying this achievement, the acquisition of several prospects and 3 promising leads underscores the guide's efficacy, particularly given its recent promotional efforts and forthcoming campaign plans. 

33 accounts have been successfully established, predominantly by partners who will further disseminate the guide to clients. 

Challenge: 

To make their product even more developer-friendly, Amplience decided to replace their existing developer documentation with a richer, more interactive portal. Amplience chose to accelerate development by creating a hybrid application combining Docusaurus and the Amplience Headless CMS.

The Developer Portal had to be a standalone application external to their main page. It should be manageable by Amplience technical authors, localizable, mobile-friendly, and integrated into their CMS. And that's just an overview of the challenge.

Solution:

Amplience provided us with information architecture, wireframes, UX and Visual designs, and a technical prototype. They also delivered a prototype Single Page Application built with Docusaurus that showed examples of navigation, integration of content from Amplience CMS, and integration of Algolia DocSearch.

We were responsible for:

• Integrating Docusaurus with Amplience CMS
• Front-end Development and styling of the components in line with designs - React.js Development
• Testing

Results:

As a result, we provided a front-end for developers portal built with Docusaurus and React, enabling the users to easily start working with the CMS and evaluate the platform and providing them with all the resources to solve their requirements with Amplience's API and management tools.

Even though the documentation is created as a separate platform, the brand identity is preserved.

Good Ticket Company, managing multiple venues and selling tickets for diverse events, was tired of the high costs and limitations of existing ticketing solutions in the U.S. market, so they decided to invest in a custom platform, built according to their requirements. They turned over to us to take over the whole project from both the project management and development side. 

How did we make the development frictionless? 

• We used future-proof technologies to provide a scalable solution ready for further growth
• We proposed further improvements, such as streamlining the customer journey by simplifying the QR code scanning process. Originally designed as a long sequence, we shortened it to just two clicks to help speed up the queue in front of the venue.
• We refined the designs to mirror the real-world functionality of the application
• We optimised the Scrum framework to accommodate the specific circumstances of this project
• We use our previous experience in designing, building and maintaining a ticketing platform

Tech Stack: 

• React.js
• Node.js 
• Stripe
• AWS
• TypeScript
• Prisma

Results: 

In close collaboration with Good Ticket Company, we developed an MVP for their ticketing platform, focusing on scalability and mobile optimization through the integration of PWA technology. 

We’ve built the system with growth in mind. We know they have big plans and we've made sure our platform can grow with them. This robust design will not only serve their current needs but will also pave the way for future expansion.