{"id":1320,"date":"2019-08-26T11:31:28","date_gmt":"2019-08-26T11:31:28","guid":{"rendered":"https:\/\/codeandpepper.com\/?post_type=case_study&p=1320"},"modified":"2024-11-21T20:15:15","modified_gmt":"2024-11-21T20:15:15","slug":"pluto","status":"publish","type":"case_study","link":"https:\/\/codeandpepper.com\/case-studies\/pluto\/","title":{"rendered":"Pluto"},"content":{"rendered":"\n
\"\"<\/a><\/figure><\/div>\n\n\n\n
\n
FinTech Development<\/div>\n
Node.js<\/div>\n
React.js<\/div>\n
TypeScript<\/div>\n <\/div>\n<\/section>\n\n\n\n

Pluto<\/a> is a web application that makes travel insurance easy to understand, hassle-free, and more tailored to customers\u2019 needs. In order to make a difference within the industry, the product has to distinguish itself from any other platform available \u2013 the UI needs to shine and a slick and fast UX is absolutely key to success. Code & Pepper took up the challenge to ensure Pluto delights users with its design and operates flawlessly in terms of development.<\/p>\n\n\n\n

About Pluto<\/h2>\n\n\n\n

Pluto is a web application that makes travel insurance easy to understand, hassle-free, and more tailored to customers\u2019 needs. In order to make a difference within the industry, the product has to distinguish itself from any other platform available. The brand and the UI really need to shine and a slick and fast UX is absolutely key to success.<\/p>\n\n\n\n

Challenge<\/h3>\n\n\n\n

When Code & Pepper initiated their talks with Pluto, the app development had already been started by other developers. However, after initial contact it turned out that Code & Pepper was able to deliver a product that exactly met the high demands of the industry. The mission was to design a web application that takes away the hardships of finding and buying the right travel insurance policy. <\/p>\n\n\n\n

Solutions for Pluto<\/h2>\n\n\n\n

Practical and aesthetic approach to UI\/UX design<\/h3>\n\n\n\n

The team started off by studying the style guide and design library Pluto had created before engaging Code & Pepper. These basic elements were transformed into reusable components that could be applied across the web application. To ensure the components would function as expected, they were incorporated into the product development stage \u2013 customer journey, product flows, and mockup screens. This way, the whole structure and requirements of the product had been carefully studied and understood before the actual development process. <\/p>\n\n\n\n

\"Pluto<\/figure>\n\n\n\n

Focus on performance in front-end development<\/h3>\n\n\n\n

After designing the UI components and product flows, it was time to put them to work. A multiple-tool audit revealed a lot of room for improvement in terms of performance. The initial page load could potentially impact business operations and lower the conversion. Code & Pepper have optimised several aspects of the app, including lazy loading and GZIP compression (React, WebPack, JavaScript, Express, Heroku). The choice of React was due to its outstanding efficiency in real-time data processing.<\/p>\n\n\n\n

\"Pluto<\/figure>\n\n\n\n

Integration with Starling Bank<\/h3>\n\n\n\n

Starling is one of the leading British digital banking services in the UK, providing its users with a special feature called Marketplace. In order to discover new user bases, it was decided to incorporate Pluto in the Insurance category. This way, clients can go to Pluto from Starling, buy a travel insurance and display the policy details in their account inside the Starling Marketplace. The challenges in this part were related to the authentication process, which required several changes on the back-end and front-end of the application.<\/p>\n\n\n\n

Integration with Monzo Bank<\/h3>\n\n\n\n

The idea behind the integration with Monzo Bank was to create a separate service with Quote API \u2013 after sending a request with trip details, the user would receive information about the insurance price. The solution was created with Koa, TypeScript, Mongoose, JEST, integration and load tests using Artillery<\/a> . The pricing engine, available in another service, needed to be coded from scratch as the existing one hadn\u2019t been up to the quality standards Code & Pepper aims for.<\/p>\n\n\n\n

I really value Code & Pepper for their proactive attitude, transparency, and detailed attention to security. The development team was always very helpful and open in explaining all technical matters.<\/p>\n \n \"Alexander

\n Alex Rainey<\/span>\n \n CEO at Pluto <\/span>\n <\/div>\n <\/cite>\n <\/blockquote>\n\n\n\n
\n
\n\n\n \n \n \n<\/svg>\n\n

\n Curious how seamless UX and efficient integrations can elevate your product?<\/h2>\n\n\n
\n

Reach out to our team to discuss how we can optimize and innovate your application.<\/p>\n <\/div>\n\n \n

\n \"Maxi
\n
\n Maxi Wandel <\/div>\n
\n Head of Growth <\/div>\n <\/div>\n <\/div>\n \n\n
\n <\/amp-recaptcha-input>\n \n \n \n