✨ Add Pabio onboarding

projects/2021/pabio-onboarding.md

@@ -0,0 +1,26 @@
+---
+title: Pabio Onboarding
+tags: projects
+intro: Style quiz and onboarding flow for Pabio's personalized interior design and furniture rental service
+date: 2021-12-22
+work: ["Web"]
+bg: "#ed7470"
+style: cover
+company: Pabio
+img_src: /assets/pabio-onboarding/1q
+img_type: jpg
+stack: ["TypeScript", "React", "Next.js", "Tailwind CSS"]
+---
+
+On the Pabio website, we designed a new onboarding flow to help users get started with the service and better qualify leads.
+
+The flow starts with a style quiz, which asks users to select their preferred interior design styles from a set of images. The quiz is followed by a short form to collect contact information and a few more questions about the user's needs.
+
+https://youtu.be/8XnSy58YPPg
+
+![Step 1](/assets/pabio-onboarding/1.jpg)
+![Style description in step 1](/assets/pabio-onboarding/1-style.jpg)
+![Step 2](/assets/pabio-onboarding/2.jpg)
+![Step 3](/assets/pabio-onboarding/3.jpg)
+![Step 7](/assets/pabio-onboarding/7.jpg)
+![Step 13](/assets/pabio-onboarding/13.jpg)

projects/2021/pabio-website.md

@@ -28,6 +28,9 @@ We also featured stories of our customers on the case studies page.
 
 ![Case studies page](/assets/pabio-website/case-studies.jpg)
 
+![Case study - before](/assets/pabio-website/before-pabio.jpg)
+![Case study - after](/assets/pabio-website/case-study-results.jpg)
+
 I'm particularly proud of the humble footer, which is information-dense but easy to navigate, with contact information, links, social media, and a locale switcher. Our system automatically detects the user's country and preferred language (we serve Switzerland and Germany in English, German, or French), but we made it easy to switch to another locale if needed.
 
 ![Footer](/assets/pabio-website/footer.jpg)
@@ -46,3 +49,12 @@ The team at Cleverclip designed custom illustrations for the website and we also
 
 ![3 simple steps component](/assets/pabio-website/steps.jpg)
 ![Upgrade your apartment component](/assets/pabio-website/upgrade-component.jpg)
+
+Here are some more screenshots of the website:
+
+![Why Pabio?](/assets/pabio-website/why-pabio.jpg)
+![Onboarding](/assets/pabio-website/onboarding-1.jpg)
+![Shop by style](/assets/pabio-website/shop-by-style.jpg)
+![Contact us](/assets/pabio-website/contact-us.jpg)
+![Sustainability](/assets/pabio-website/sustainability.jpg)
+![As seen in](/assets/pabio-website/as-seen-in.jpg)