✨ Add Pabio website

projects/2021/pabio-website.md

@@ -0,0 +1,48 @@
+---
+title: Pabio.com
+tags: projects
+intro: Interactive marketing website and landing pages for Pabio
+date: 2021-05-21
+work: ["Web"]
+bg: "#ed7470"
+style: cover
+company: Pabio
+img_src: /assets/pabio-website/homepage-above-fold
+img_type: jpg
+stack: ["TypeScript", "React", "Next.js", "Tailwind CSS"]
+---
+
+In May 2021, my team and I rebranded from Koj to Pabio. As part of this, we designed new branding along with a new marketing website with our friends at Cleverclip.
+
+![Homepage above the fold](/assets/pabio-website/homepage-above-fold.jpg)
+
+We noticed that some customers only wanted to furnish a part of their homes, so we added a "Shop by room" feature to the homepage. This allows customers to select a room and get started with furnishing it right away.
+
+![Shop by room](/assets/pabio-website/shop-by-room.jpg)
+
+To help customers understand the value of Pabio, we added a "Compare and save" section to the pricing page. This helps them compare the value of Pabio to buying furniture from traditional retailers.
+
+![Compare and save section](/assets/pabio-website/pricing-compare-and-save.jpg)
+
+We also featured stories of our customers on the case studies page.
+
+![Case studies page](/assets/pabio-website/case-studies.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)
+
+We also created landing pages for specific use cases, such as for furnishing rental apartments or offices.
+
+![Pabio for Real Estate landing page](/assets/pabio-website/pabio-for-real-estate.jpg)
+![Pabio for Work landing page](/assets/pabio-website/pabio-for-work.jpg)
+
+Our new blog was launched with a "Koj is now Pabio" post, which we used to announce the rebranding to our current customers.
+
+![Single blog post](/assets/pabio-website/blog-post.jpg)
+![Pabio blog](/assets/pabio-website/blog.jpg)
+
+The team at Cleverclip designed custom illustrations for the website and we also used custom photography for several components.
+
+![3 simple steps component](/assets/pabio-website/steps.jpg)
+![Upgrade your apartment component](/assets/pabio-website/upgrade-component.jpg)