Automotive &amp; Mobility

Communications

Consumer Products

Financial Services

Healthcare

Media

Retail

Social Impact

Technology

Brand Strategy, Design &amp; Performance

Client Collaborative

Connected World

Content &amp; Asset Management

Corporate Venture Building

CX Strategy, Design &amp; Performance

DesignOps

Elevated Loyalty

Engage at the Edge

Experience Everywhere

Growth Strategy

Industrial Design

Innovation Strategy

Live Marketing

Membership &amp; Loyalty

Organization Design

Product Design &amp; Delivery

Product Innovation

Product Innovation, Design &amp; Development

Service Design

Startup Growth

Sustainability

Bangalore

Barcelona

Delhi

frog Innovation Team

Gothenburg

London

Lyon

Madrid

Malmö

Mexico City

Milan

Munich

New York

Paris

San Francisco

Singapore

Stockholm

Sydney

frog-cap-invent-logo

frog-Cap-Invent-logo

global

france

Transforming the web experience for one of the modern wonders of the travel world

Arriving at Stress-free and Sustainable Rail Journeys

leshuttle-improving-user-journeys-header_v2

LeShuttle-improving-user-journeys-header_v2

Traveling to elevated UX

leshuttle-improving-user-journeys-01_v2

LeShuttle-improving-user-journeys-01_v2

normal

The LeShuttle website needed to support customers by explaining the on-the-day experience, terminal process and trip preparation. Additionally, Eurotunnel’s rebrand to LeShuttle had to be brought to life on the site.

Bringing life to the tunnel

Challenge

We identified user needs and key user journeys throughout the site, tested concepts and collaborated with stakeholders to redesign the booking and checkout flow. We also helped define a new visual and editorial language for the brand, optimized for digital.

Getting into the flow

Solution

Within a week of the website launch, LeShuttle saw an improvement in booking conversions and improved customer satisfaction (CSAT) scores. Customers, both new and returning, left positive feedback, referencing the simplicity of navigating the website and ease of booking. 

Positive transformations

Outcome

Project highlights

Going the distance

leshuttle-improving-user-journeys-02_v2

LeShuttle-improving-user-journeys-02_v2

The team defined an updated color palette and a web-friendly font to be used in a digital environments. We worked closely with LeShuttle’s brand partners, Landor, to explore and define the digital expression of the refreshed brand. 

Branding for digital

Our collaboration was extensive, including developing a new digital brand language and, designing key screens that enable rich immersive and editorial content to coexist with informational and action-oriented aspects. Our audit and reduction of existing content on LeShuttle, combined with a new site architecture that simplified the navigation, ensured that customers discovered content that was more personal, simple, timely and supportive. We rewrote the core website content and created a content strategy for future content. 

Navigating new pathways

LeShuttle wanted to provide inspirational content for travelling in Europe. Our research showed that travelers both wanted to feel excited about their trip but also feel inspired about future trips and the potential offered by taking your vehicle to Europe. We therefore included a focused inspiration section on the website. 

Inspired journeys

At the heart of our collaboration was redesigning the booking and checkout flow. While the previous checkout process prioritized the operational and logistical requirements of fitting different sized vehicles with various trailers, bike racks and other accessories on their trains, we took a customer-first approach. The outcome is a streamlined flow that guides people through the journey with clear explanations of the information needed and why.

Managing the process

It was crucial that the website was future-proofed so LeShuttle could make updates and maintain a consistent brand experience. We worked with front-end build partners, Crafted, to create a new design system and ensured modules we created would be flexible and reusable and to introduce templates. 

A future-proofed system

Finally, testing concepts out with both new and existing customers was key throughout the process to ensure our designs and journeys met their needs. This helped us to see what people were interested in, found useful and wanted from LeShuttle. 

Always testing

A deeper look at how we delivered elevated experiences for LeShuttle customers

Tunneling into the process

leshuttle-improving-user-journeys-05_v2

LeShuttle-improving-user-journeys-05_v2

leshuttle-improving-user-journeys-06_v2

LeShuttle-improving-user-journeys-06_v2

leshuttle-improving-user-journeys-03_v2

LeShuttle-improving-user-journeys-03_v2

leshuttle-improving-user-journeys-04_v2

LeShuttle-improving-user-journeys-04_v2

Following our collaboration, LeShuttle has experienced boosted conversion rates, increased revenue and improved customer satisfaction.

frog-icon-product_design

frog-icon-Product_Design

Stress-free and sustainable

Transforming Pet Care with AI

Pioneering Mobility Solutions with Data Transformation

Personal protective equipment (PPE) engineered to ​​kill pathogens

Pioneering UV-C EnhancedRespiratory Protection

24_case-study_xcmr_header-png

24_Case_Study_XCMR_header.png

Integrating health and harmony

23_case-study_xcmr_big_image

23_Case-Study_XCMR_big_image

23_case-study_xcmr_big_image_2

23_Case-Study_XCMR_big_image_2

XCMR presented frog with powerful UV-C technology for pathogen inactivation. The challenge was to make it easily usable and fit modern expectations of technology in stressful, highly contaminated environments.  

Innovating UV-C Solutions

The modular system features a transparent facial mask that enables clearer communication, interchangeable UV-C reactor pods that target specific pathogens and a hot-swappable battery that enables uninterrupted wear.

Optimizing pathogen defense

frog and XCMR developed an innovative new class of UV-C enabled respiratory protection devices that readily inactivates​ pathogens, enabling ​​​individuals​​​ to work​ safely​ in high-risk bioaerosol environments.

Outcomes

A modular approach

Humanizing respiratory protection

23_case-study_xcmr_big_image_3

23_Case-Study_XCMR_big_image_3

23_case-study_xcmr_image_1

23_Case-Study_XCMR_image_1

23_case-study_xcmr_image_right_2

23_Case-Study_XCMR_image_right_2

23_case-study_xcmr_image_right_1

23_Case-Study_XCMR_image_right_1

<a href="https://www.frog.co/contact" target="_blank">Get in touch</a> with frog to start shaping the next generation of experiences for people and planet.

frog-icon-healthcare-2

frog-icon-Healthcare

Designing for health and safety

Revolutionizing Testing at the Point-of-Need  – MeMed

Breathing Life into Lumen

Building and launching an all-encompassing, best-in-class banking super-app

Designing an Award-Winning Banking and Investment Experience

odeabank-designing-an-award-winning-banking-experience-header_4

Odeabank-designing-an-award-winning-banking-experience-header_4

Empowering customers' investments and savings

odeabank-designing-an-award-winning-banking-experience-big_image1

Odeabank-designing-an-award-winning-banking-experience-big_image1

Odeabank wanted a mobile app that incentivized user engagement and met new customer behaviors. But the app needed to avoid negatively impacting accessibility and seamlessness. The app also needed to serve designers and act as a guide to developers and brand managers. The challenge was to integrate multiple features (banking, wealth, investments, loyalty) in one super-app.

Incentivizing simplicity

Regular, collaborative validation sessions with prospects and clients prioritized customer needs. An atomic and modular approach ensures scalability and flexibility. A scalable DLS for the future. A pre-login engagement feature enables user interaction without signing up. Seamless onboarding and access to jargon-free info enhance user experiences. 

Setting the right balance

We created the Odea App with scalable components that are compatible with the React Native framework–making a consistent experience across touchpoints. Its minimalistic aesthetic, in the brand’s palette, is alluring and developmentally effortless. This is paired with a dark mode. This super-app puts the customer first and responds to emerging banking habits.

An app for every occasion

Project Highlights

The mission 

odeabank-designing-an-award-winning-banking-experience-cover_video

Odeabank-designing-an-award-winning-banking-experience-cover_video

frog and Odeabank received recognition from such esteemed organizations as the iF Design Award committee.

	Global		EN
	France		FR

	Global		EN
	France		FR