Embarq

Embarq is a B2C administrative service, it acts as a contracting intermediary between independents and their clients, allowing the former to have social coverage that wouldn’t be normally granted otherwise.

UI elements of Embarq website and mobile app
UI elements of Embarq website and mobile app
UI elements of Embarq website and mobile app
UI elements of Embarq website and mobile app

Embarq is definitely the best at this job in France. See what their users think about the service.

  • They combine an extremely professional service and a highly motivated team composed of kind-hearted people, which now transpires well into their branding.

  • They have a very transparent pricing, that allows them to own their clients’ trust and never compromise in the quality of service.

  • The business was bootstrapped from the start which means there is no doubting their market-fit, and they are not tied by VCs into making decisions for the next big round to come.

There is too much to say about Embarq since I have been their principal designer dating early 2020, shaping their first application, both desktop front and back offices, mobile application and website.

History of work

New branding update on apps

Q1 2024: New brand and website

Problem

Content was old, brand was missaligned with users’ perception, developers didn’t have enough time to tend to marketing issues on the website, critical acquisition touchpoints like a salary simulator needed to be heavily updated. The brand globally lacked coherence and wasn’t memorable enough.

Solution : Rebranding and website redesign

I worked in collaboration with Bison Bleu a talented creative studio in Marseille. Here’s how we split the work:

  • Bison bleu: Art Direction, branding, illustration & motion, copywriting, photography and video shooting+editing.

  • Spellbind.me: Web design and webflow development, along with some project management, content creation and webflow courses to hand-off the website to marketing teams.

Main challenges:

  • Brand alignment: Expanding branding guidelines made by Bison Bleu to an entire custom website, without ever compromising the quality of brand expression.

  • SEO Performance: Sitemap, HTML architecture, contrasts, image compression and video loadings have to be optimized to get the best possible score.

  • Factorization: The website has a lot of content (mostly for SEO), which had to be factorized into components to speed up development and ensure consistency.

  • Migration: I had to migrate 1500+ blog articles from Contentful to Webflow, which was a very heavy process of exporting CSVs, reformating them and adding new contents to the collection that was compatible with the new design properties.

  • Redirections: A lot of URLs were incompatible with the old website architecture (a lot of static hyperlinks), meaning I had to create more than 800+ 301 redirections to ensure users get the content they’re looking for when jumping from an old link.

  • Custom code: I had to connect a simulation tool to an external API using custom-code and display results immediately, which is not natively allowed by webflow logic.

  • Custom flows: I had to create custom logic flows sending formatted emails to marketing teams and allowing them to use their prefered CRM Hubspot to dispatch leads.

  • Hand-off: One of the key objectives was to hand off the website to the marketing team so they could keep on adding content, and make simple landings without calling for any expert. Therefore, I followed client-first convention, which allows to easily recognize factorized blocks (kebab-case) from specific ones (snake_case) and thus avoid making any mistakes when using the webflow designer mode. Client-first is also a set of great CSS practices to ensure CSS quality and readability.


Performance impact:

Website released late january 2024

  • Very good SEO lighthouse scoring, especially on CMS pages

  • Boosted SEO ranking and traffic (check the bump around mid-february, it's huge!)

  • Boosted user traffic and lead-making, with at least 40 salary simulations made per day


Marketing impact:

  • Every touchpoint on the website is treated on their CRM, maximizing conversion rate

  • Better brand consistency, allowing for easier content creation by marketing team

  • Marketing team leads the whole website administration, and is able to create simple landings from existing blocks

Check the live website: https://www.embarq.fr/

Navigation

Simulation bloc and interactive bento grid


Custom design 100% made in Figma and entirely responsive

Promotional video made by Bison Bleu, copywriting by Spellbind.me

Q2-Q3 2023: Creating Billi.so

Embarq together with my developers partners at Qraft have started a new SAAS called Billi.so, capitalizing on years of knowledge in the intermediary business. I designed it entirely and invite you to check it out here. Read the usecase here

Q3-Q4 2022: Embarq mobile app (cross platform)

Problem

  • Web platform is less accessible for users to declare their activities, which in turn creates a lack of user engagement. Same idea for bill declaration, taking a picture with your phone and sending it to your computer is a less engaging experience than doing everything on one device.

  • Mail notifications are less incentivizing and direct than push notifications

Objectives

  • New acquisition canal

  • Facilitate user experience

  • Drive user action and engagement, which in turn makes back-office administration a lot easier

Constraint

  • Cross platform in React native

  • Material design system to follow initial desktop philosophy

Design methodology

  • Definition: Problems to solve, business objectives, KPIs, tech constraints, schedule…

  • Functional documentation: Definition of user journeys including flowcharts and push notification structure

  • Navigation architecture

  • Wireframing

  • UI design using Google Material You token architecture (one of my favorite for its simplicity)

  • Prototyping to get a full overview of the navigation


Front and Back office Q1-Q3 2020

I’m writing this in 2024, meaning I don’t have much archives except for memories of countless hours of call with Clément (CEO @Embarq) to correctly layout the service map and turn it into an intelligible interface. Like other designs I made, we did hundreds of iterations before getting a satisfying interface for both administrators and end-users that would use the front-office.

Business impact

The interface allowed the team to stay agile and small in comparison to the volume of business it is dealing with. It gave Embarq a sharp edge over competition (often old institutional services) when it came to brute productivity and scaling potential.

Here’s a glimpse of how it looks like “now” in mid-2024:

Here’s how it looked like when we started in 2020:

Thanks for reading all the way!

  1. Project details

  2. Administration Mobile app Desktop app Back office

  3. Mission

    Design of all applications front and back office, mobile app and website development

    Mission

    Full UX/UI application redesign before commercial launch

    Mission

    Design of all applications front and back office, mobile app and website development

    Mission

    Design of all applications front and back office, mobile app and website development

    Contract

    Retainer since 2020

    Contract

    2 months + retainer

    Contract

    Retainer since 2020

    Contract

    Retainer since 2020

    Fundings

    Bootstrapped from creation

    Company level

    Seed stage

    Fundings

    Bootstrapped from creation

    Fundings

    Bootstrapped from creation

    Company size

    20-25 employees

    Company size

    5-10 employees

    Company size

    20-25 employees

    Company size

    20-25 employees

    Review

    “Raphael was the primary architect of our website redesign and the development of our new web application (back and front office). His excellent product vision and business knowledge allowed us to minimize back-and-forth between the product and development teams and meet the project deadlines. The final result is of very high quality, with careful attention to user experience. Reliable and enthusiastic, he will challenge your vision and business constraints to ensure the project's success. I highly recommend him, 200%!”

    Clément Escande

    CEO

    Review

    “Raphael was the primary architect of our website redesign and the development of our new web application (back and front office). His excellent product vision and business knowledge allowed us to minimize back-and-forth between the product and development teams and meet the project deadlines. The final result is of very high quality, with careful attention to user experience. Reliable and enthusiastic, he will challenge your vision and business constraints to ensure the project's success. I highly recommend him, 200%!”

    Clément Escande

    CEO

    Review

    “Raphael was the primary architect of our website redesign and the development of our new web application (back and front office). His excellent product vision and business knowledge allowed us to minimize back-and-forth between the product and development teams and meet the project deadlines. The final result is of very high quality, with careful attention to user experience. Reliable and enthusiastic, he will challenge your vision and business constraints to ensure the project's success. I highly recommend him, 200%!”

    Clément Escande

    CEO

    Review

    “Raphael was the primary architect of our website redesign and the development of our new web application (back and front office). His excellent product vision and business knowledge allowed us to minimize back-and-forth between the product and development teams and meet the project deadlines. The final result is of very high quality, with careful attention to user experience. Reliable and enthusiastic, he will challenge your vision and business constraints to ensure the project's success. I highly recommend him, 200%!”

    Clément Escande

    CEO

Laissez la magie en vous s'exprimer !

Veuillez remplir ce formulaire pour entrer en contact - je suis impatient d'entendre parler de votre projet. Pour le moment, je n'accepte pas de stagiaires, mais merci pour votre intérêt.

Laissez la magie en vous s'exprimer !

Veuillez remplir ce formulaire pour entrer en contact - je suis impatient d'entendre parler de votre projet. Pour le moment, je n'accepte pas de stagiaires, mais merci pour votre intérêt.