{"id":250,"date":"2017-10-06T19:10:47","date_gmt":"2017-10-06T18:10:47","guid":{"rendered":"https:\/\/bastienmalahieude.fr\/?p=250"},"modified":"2019-03-26T10:49:33","modified_gmt":"2019-03-26T09:49:33","slug":"etude-de-landing-page-payfit","status":"publish","type":"post","link":"https:\/\/bastienmalahieude.fr\/en\/etude-de-landing-page-payfit\/","title":{"rendered":"Landing Page Study #1 : Pay your employees with Payfit"},"content":{"rendered":"

This is the first blog post of a list where I will ty to autopsy different landing pages from top companies. I wil see which persuasions techniques they are using, UX design tricks, wording…<\/span><\/span><\/p>\n

In this first episode, I will have a look of the french version of a growing start up : Payfit<\/b>.<\/span><\/span><\/p>\n

Presentation of the company : Payfit<\/b><\/span><\/span><\/h3>\n

Payfit<\/a> <\/span><\/span>is a french <\/span><\/span>start up<\/span><\/span>, willing to revolutionize employees payment, <\/span><\/span>expense reports, holiday management<\/span><\/span>. They wish to automate all theses functions so that their clients can focus of other task with a real added value. <\/span><\/span><\/p>\n

They raised 14 <\/span>Millions<\/span> euros in 2017, growing a lot, they are now going out of France to target the European market.<\/span><\/p>\n

Their message is <\/span>targeted<\/span> towards HR and <\/span>CFO.<\/span> They want to reach small and medium size companies, growing companies that need to structure.<\/span><\/p>\n

Globale Study <\/b><\/span><\/span><\/h3>\n

\"\"<\/p>\n

The page contains 3 major colour. Blue and white which are the company\u2019s main colours. They compose the background. And a green, used to focus on some elements such as Call To Action. <\/span><\/p>\n

\"\"<\/p>\n

They offer a live chat to their customers who are willing to speak to support or commercial departments. This chat based on Drift, allow them to reach directly the visitors and increase their conversion rate. <\/span><\/p>\n

The page is cut in 9 different parts.<\/span><\/p>\n

How is it build ? <\/b><\/span><\/span><\/h3>\n

Menu<\/b><\/span><\/h4>\n

The page starts with the top menu of the website. <\/span><\/p>\n

\"\"<\/p>\n

Classic, this menu is cut in a symmetric way. The logo used as the axis. It contains 7 links with a green call to action for registering.<\/span><\/p>\n

It is mixed with the next block, using a transparent background allowing it to merge with the next part.<\/span><\/p>\n

To finish, this menu is fixed on the top. It disappear with scrolling. This behaviour is normal as only informative pages are reachable through it. The user needs to focus on the Landing Page content.<\/span><\/p>\n

Value proposition<\/b><\/span><\/h4>\n

From the beginning of the page lay the value proposition of the company\u00a0: \u00ab\u00a0Paying its employees has never been easier<\/i> (Payez ses employ\u00e9s n\u2019a jamais \u00e9t\u00e9 aussi simple <\/i>)<\/i> <\/i><\/span><\/p>\n

\"\"<\/p>\n

In white, with a strong contrast with the dark background, centred with a 38 font size, this proposal is made to catch the visitor\u2019s eye. No superfluous text neither explanations, here Payfit goes to it\u2019s goal. They are willing to show the simplicity of the software.<\/span><\/p>\n

Under this value proposition, it\u2019s interesting to see that they offer 2 Call To Actions. They allow to either test the solution or offer a free demo. <\/span><\/p>\n

Both CTA uses strong colours, blue and green. The Register button goes with the green in the menu.<\/span><\/p>\n

Presensation of customers<\/b><\/span><\/h4>\n

This part is the last one above the average fold. Payfit chose to put an authority argument\u00a0: Their solution works, 892 Companies are already using it\u00a0! <\/span><\/p>\n

\"\"<\/p>\n

Here, Payfit uses the 892 number instead of 900 to give more credibility to the number. The logos is a list of known companies in the French start-up ecosystem. (Heetch, Maddyness, Station F\u2026) This logos allow Payfit\u2019s targets to identify themselves as customers.<\/span><\/p>\n

Moreover, using theses logos is a social proof. If that much companies are using it, the solution must be good. <\/span><\/p>\n

Features & Services offered<\/b> <\/span><\/h4>\n

This part is accessible only after scroll. It contains a list of all the features making Payfit an amazing tool.<\/span><\/p>\n

\"\"<\/p>\n

At first, they put their value proposition Payfit automates your employees\u2019 pay (<\/i> Payfit automatise la paye de vos employ\u00e9s. <\/i>Here, they offer to their future customers a way to stop losing time on meaningless tasks, and to focus on what\u2019s important. <\/span><\/p>\n

Under this title, there is a screen-shot of the solution. With this visual, users can start picturing themselves using this solution.<\/span><\/p>\n

Under the screen-shot of the dashboard, they use 6 points they are working on. They don\u2019t focus on features, but pains they are resolving. (Social Declarations, Pay\u2026) <\/span><\/p>\n

Every point contains an icon, the pain and only after Payfit\u2019s solution to solve it.<\/span><\/span><\/p>\n

Here as well, the language of simplicity and words to reassure the customer. The words Serenely ( <\/i>Sereinement ), Best experience (<\/i>Meilleure exp\u00e9ience), Finished (Termin\u00e9 !) or Always here for you<\/i> (<\/i>Toujours l\u00e0 pour vous) will reassure the end customer. The word Automatically <\/i>(Automatiquement) as well Payfit takes care of everything <\/i>(Payfit s\u2019occupe de tout) accentuates the implicitly, are both repeated twice.<\/span><\/span><\/p>\n

Testimonials<\/b><\/span><\/h4>\n

This part is the only one with a blue background.<\/span><\/p>\n

\"\"<\/p>\n

It contains customers\u2019 testimonials and quotes. They are going with the logos in the customers section above. They bring humanity in what Payfit will bring to your company<\/span><\/p>\n

Case Study<\/b><\/span><\/h4>\n

In this section, there are 4 testimonials video. Between Business case and testimonials, with a professional realization, they bring a lot of credibility to the company.<\/span><\/p>\n

\"\"<\/p>\n

As humans, seeing real people and faces reassure. (This is why we see alot of faces in th nature, such as on cars, cloud, houses\u2026) Theses testimonials are made to reassure tht the company is real and does a good job\u00a0; they also show that the listing of logos is not fake.. It\u2019s a big bonus for Payfit\u2019s communication nd a way to increase their credibility toward future clients.<\/span><\/p>\n

Tarifs & Calculator<\/b><\/span><\/h4>\n

Everything is included (<\/i>Tout est compris). Here is the most important sentence of this part. The price will grow as the company grows. Payfit is fully transparent with their price calculator. <\/span><\/p>\n

\"\"<\/p>\n

In this part, there is a gamification about the prices, with the possibility to calculate in real time the full solution price.<\/span><\/p>\n

Furthermore, they are using the anchor effect, cognitive bias. This effect is so that the human brain will compare everything with the first number they will come across.<\/span><\/p>\n

Payfit is targeting Medium companies (around 50 employees). The first price they display is 3,397\u20ac, for 256 employees. As the customer will change its number f employes, they will see a smaller amount. (For example\u00a0: 719\u20ac for 50 employees). He will unconsciously compare this price with the first one, seeing it cheaper.<\/span><\/p>\n

Moreover, as a transparency policy, they display under the calculator how is this price created. With this, it allows the customer to see that there is no hidden costs.<\/span><\/p>\n

To finish, there is a green CTA, centred offering a demo of the platform. <\/span><\/p>\n

Press logos<\/b><\/span><\/h4>\n

Another part before the footer display a lgo of different influent french medias.<\/span><\/p>\n

\"\"<\/p>\n

Theses logos are used to work on the company credibility. <\/span><\/p>\n

Footer<\/b><\/span><\/h4>\n

The last section of the page is minimalistic. On a black background with a green line. <\/span><\/p>\n

\"\"<\/p>\n

This footer contains some useful links such as social medias and a way to change the languages.<\/span><\/p>\n

Speed and accessibility<\/b><\/span><\/span><\/h3>\n

Abut the speed, Payfit could improve a lot the reactivity.<\/span><\/p>\n

\"\"<\/p>\n

With a <\/span>F <\/b><\/span>on <\/span>GtMetrix<\/span><\/a>, Payfit\u2019 website is around 4MB and takes more than 10 seconds to load fully. With a work on the images, cache and compression, they could easily divide by 2 their loading time. This loading time will result in a better conversion rate.<\/span><\/span><\/p>\n

To speed-up your website, feel free to check theses 22 interesting tips! \u00a0<\/a><\/p>\n

 <\/p>\n

Mobile device navigation is fluid and the website is fully accessible in the different mobile devices.<\/span><\/p>\n

Conclusion<\/b><\/span><\/span><\/h3>\n

Payfit<\/a> <\/span>is a new company. They focus on reducing the pain of handling every administrative tasks. Trying to find credibility toward the market, it is the reason why almost half of the part of this landing page are made toward <\/span>reassuring<\/span> of the <\/span>final<\/span> customer.<\/span> <\/span><\/p>\n

Simplicity and automation as the key words, they are put in so the visitor will see the solution as easy, fast and efficient.<\/span><\/p>\n

This article is part f my newsletter and my future white paper about landing page study. If you\u2019re willing to get it before anyone else, feel free to give me your e-mail address.<\/span><\/p>\n

\n
\n