diff --git a/assets/pabio-website/blog-post.jpg b/assets/pabio-website/blog-post.jpg new file mode 100644 index 0000000..a08ab9a Binary files /dev/null and b/assets/pabio-website/blog-post.jpg differ diff --git a/assets/pabio-website/blog.jpg b/assets/pabio-website/blog.jpg new file mode 100644 index 0000000..7cf99be Binary files /dev/null and b/assets/pabio-website/blog.jpg differ diff --git a/assets/pabio-website/case-studies.jpg b/assets/pabio-website/case-studies.jpg new file mode 100644 index 0000000..d9149d3 Binary files /dev/null and b/assets/pabio-website/case-studies.jpg differ diff --git a/assets/pabio-website/footer.jpg b/assets/pabio-website/footer.jpg new file mode 100644 index 0000000..1c2c932 Binary files /dev/null and b/assets/pabio-website/footer.jpg differ diff --git a/assets/pabio-website/homepage-above-fold.jpg b/assets/pabio-website/homepage-above-fold.jpg new file mode 100644 index 0000000..79d0b50 Binary files /dev/null and b/assets/pabio-website/homepage-above-fold.jpg differ diff --git a/assets/pabio-website/pabio-for-real-estate.jpg b/assets/pabio-website/pabio-for-real-estate.jpg new file mode 100644 index 0000000..6f49c1e Binary files /dev/null and b/assets/pabio-website/pabio-for-real-estate.jpg differ diff --git a/assets/pabio-website/pabio-for-work.jpg b/assets/pabio-website/pabio-for-work.jpg new file mode 100644 index 0000000..14c661e Binary files /dev/null and b/assets/pabio-website/pabio-for-work.jpg differ diff --git a/assets/pabio-website/pricing-compare-and-save.jpg b/assets/pabio-website/pricing-compare-and-save.jpg new file mode 100644 index 0000000..e3a19ed Binary files /dev/null and b/assets/pabio-website/pricing-compare-and-save.jpg differ diff --git a/assets/pabio-website/shop-by-room.jpg b/assets/pabio-website/shop-by-room.jpg new file mode 100644 index 0000000..88d1c7d Binary files /dev/null and b/assets/pabio-website/shop-by-room.jpg differ diff --git a/assets/pabio-website/steps.jpg b/assets/pabio-website/steps.jpg new file mode 100644 index 0000000..089aa3d Binary files /dev/null and b/assets/pabio-website/steps.jpg differ diff --git a/assets/pabio-website/upgrade-component.jpg b/assets/pabio-website/upgrade-component.jpg new file mode 100644 index 0000000..5909f39 Binary files /dev/null and b/assets/pabio-website/upgrade-component.jpg differ diff --git a/projects/2021/pabio-website.md b/projects/2021/pabio-website.md new file mode 100644 index 0000000..e4f02e9 --- /dev/null +++ b/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: "#f05d5e" +style: cover +company: Pabio +img_src: /assets/pabio-website/homepage-above-fold +img_type: jpg +stack: ["TypeScript", "React", "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)