-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
3bd4d6c
commit 4e531fd
Showing
12 changed files
with
48 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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) |