DESIGN
An elegant design for humorous content
In contrast to their humorous content, the duo wanted to have a more serious look and feel to their site. Inspired by magazines and the fashion industry, we came up with a website design that was monochromatic, elegant and spacious with an unconventional layout.
Images on the site are covered with different shape masks that slide open to reveal the image below on hover.
As this website is mainly used to present exclusive content for members only, special attention was paid to tailoring the design for Wix products like Wix Blog and Video. The grid of the pages was made using a split screen with a sticky section to make navigation easy and show all of Kamaitachi's posts and videos in the same view port.
Another key element in design was the combined typography made up of English letters and Japanese characters. We were asked to display titles in English and paragraphs in Japanese to create a more interesting design.
To make the navigation readable in both languages we decided the best solution would be to flip between English and Japanese on hover.
BUILDING INFRASTRUCTURE
Before diving into building the site, it’s important to take a closer look at the pages design and outline their sections (i.e: header, footer, welcome, blog, etc.)
Tip: List all sections on your design files
Take your design file and use a short title to describe each section.
It will help you to better prepare for the building process. Don’t be afraid to have too many sections, It would only make your life easier moving forward.
Mapping Sections
01
We used regular text element with a hyperlink, container with grids and interactions to animate the button.
Mapping Sections
01
We used regular text element with a hyperlink, container with grids and interactions to animate the button.
Mapping Sections
01
We used regular text element with a hyperlink, container with grids and interactions to animate the button.
Mapping Sections
01
Images on the site are covered with different shape masks that slide open to reveal the image below on hover.
As this website is mainly used to present exclusive content for members only, special attention was paid to tailoring the design for Wix products like Wix Blog and Video. The grid of the pages was made using a split screen with a sticky section to make navigation easy and show all of Kamaitachi's posts and videos in the same view port.
Another key element in design was the combined typography made up of English letters and Japanese characters. We were asked to display titles in English and paragraphs in Japanese to create a more interesting design.
To make the navigation readable in both languages we decided the best solution would be to flip between English and Japanese on hover.
For years, OFFF brand was known for its eccentric content, promoting authentic creative freedom for and inspiring ten of thousands of creators around the world. It was time to bring this vision online.
For years, OFFF brand was known for its eccentric content, promoting authentic creative freedom for and inspiring ten of thousands of creators around the world. It was time to bring this vision online.
ELEMENTS
API'S
ART DIRECTOR
Anna Kuntsman
PROJECT MANAGER
Roee Kuperberg
DESIGN
An elegant design for humorous content
In contrast to their humorous content, the duo wanted to have a more serious look and feel to their site. Inspired by magazines and the fashion industry, we came up with a website design that was monochromatic, elegant and spacious with an unconventional layout.
Kamaitachi
An online presence and community for the famous comedy duo based in Japan.
WHAT WE DID
Design, Build, Code, SEO, Velo
PRODUCTS USED
Created on Editor X
Kamaitachi are a renowned comedy duo based in Japan. Their super popular social accounts are filled with great content and their fans just can't get enough. In partnership with the Japanese talent agency Yoshimoto, we created a website that features exclusive Kamaitachi content for paid members only. The sign-up process is SSO (single sign-on), custom made using Velo.
PROJECT OBJECTIVES
01. Feature content for members only
02. Share news about the team
03. Create an online presence for the team
