DESIGN
The brief from OFFF was to deliver a mind-blowing design. Nothing more.
OFFF really wanted a design that would stand out, but the challenge was to also create a neutral infrastructure to showcase the amazing work created by OFFF's diverse range of artists.
OFFF is a well known, respected community among creators worldwide, and we wanted to bring this uniqueness to their new website. We were aware that the site would be content heavy, but users had to be able to filter massive amounts of content and navigate with ease to find what they were looking for.
After figuring out the sitemap, the content and the visuals we were going to use, we started the way we always do: digging for inspiration.
OFFF as a festival and a community is both unique and unusual, so we were aiming for a design that would celebrate their quirkiness.
We gathered inspiration from almost everywhere: print works, music album covers, eCom websites, art direction in photography and a whole lot more.
From the inspiration we collected, we chose elements that we liked and translated them into compositions and layouts based on the written and visual content, which resulted in the final, stunning design.
Our friends at OFFF weren't just looking for great designs. They wanted the design to support their site goals, including selling tickets for the festival and showcasing the lineup of OFFF's artists.
With that in mind, we designed a unique welcome fold that combines a huge CTA to 'Buy tickets' accompanied by texts provided by the OFFF community.
Another key element of the site was its journal, where the community share thoughts, news and calls to action.
Blogs are usually loaded with content, but in this case we chose a perfect square layout with micro hover interactions to create a lighter, more spacious area to balance the design of the other site sections.
A cornerstone of the site was the artist filtering system. The goal was to let site visitors find artists based on their professions, and discover other artists from the same field. We also created a dedicated page for each artist, presenting their featured works, social accounts and short bio.
The impact of the final design was quickly evident. Apart from the excitement that came from the new design, OFFF tickets were sold out faster than ever before.
We even managed to increase the average time users spent on the site and improved OFFF’s SEO ranking based on the new sitemap and structure.
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
OFFF as a festival and a community is both unique and unusual, so we were aiming for a design that would celebrate their quirkiness.
We gathered inspiration from almost everywhere: print works, music album covers, eCom websites, art direction in photography and a whole lot more.
From the inspiration we collected, we chose elements that we liked and translated them into compositions and layouts based on the written and visual content, which resulted in the final, stunning design.
Our friends at OFFF weren't just looking for great designs. They wanted the design to support their site goals, including selling tickets for the festival and showcasing the lineup of OFFF's artists.
With that in mind, we designed a unique welcome fold that combines a huge CTA to 'Buy tickets' accompanied by texts provided by the OFFF community.
Another key element of the site was its journal, where the community share thoughts, news and calls to action.
Blogs are usually loaded with content, but in this case we chose a perfect square layout with micro hover interactions to create a lighter, more spacious area to balance the design of the other site sections.
A cornerstone of the site was the artist filtering system. The goal was to let site visitors find artists based on their professions, and discover other artists from the same field. We also created a dedicated page for each artist, presenting their featured works, social accounts and short bio.
The impact of the final design was quickly evident. Apart from the excitement that came from the new design, OFFF tickets were sold out faster than ever before.
We even managed to increase the average time users spent on the site and improved OFFF’s SEO ranking based on the new sitemap and structure.
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
THE CHALLENGE
Exposing images on hover.
THE SOLUTION
Add a database connected to a repeater and an interaction.
THE CHALLENGE
Creating a 'Buy tickets' button that can't be ignored.
THE SOLUTION
Design a huge responsive button with an interaction.
THE CHALLENGE
Creating infinite scroll menu elements for a unique scrolling experience.
THE SOLUTION
Add custom code (Wix Velo) with a database.
THE CHALLENGE
Creating a filtering system to sort between different types of content.
THE SOLUTION
Connect a layouter to a database using code (Wix Velo)
API'S
PROJECT MANAGER
Michael Mishan
ART DIRECTOR
Liat Elkaim
DESIGN
The brief from OFFF was to deliver a mind-blowing design. Nothing more.
OFFF really wanted a design that would stand out, but the challenge was to also create a neutral infrastructure to showcase the amazing work created by OFFF's diverse range of artists.
OFFF is a well known, respected community among creators worldwide, and we wanted to bring this uniqueness to their new website. We were aware that the site would be content heavy, but users had to be able to filter massive amounts of content and navigate with ease to find what they were looking for.
After figuring out the sitemap, the content and the visuals we were going to use, we started the way we always do: digging for inspiration.
OFFF Barcelona
The digital experience for one of the world's most renowned design festivals.
WHAT WE DID
Content, Design, Build, SEO, Velo
PRODUCTS USED
Created on Editor X
For years, OFFF was known for its eccentric content, promoting authentic creative freedom, and inspiring tens of thousands of creatives across the globe. It was time to bring OFFF's vision online.
PROJECT OBJECTIVES
01. Revive OFFF’s brand as an online community for creatives
02. Promote OFFF’s events and selling tickets
03. Showcase OFFF’s artists and content
