Agency outsourcing website

Project overview

Breef is a platform where brands find the best agencies for their digital and creative needs. We have been working with Breef for a long time. They recently decided on rebranding from Curated to Breef, which also required a website refresh.

Tasks
  • Step-by-step Figma to Webflow migration
  • Create a set of resource pages with different articles, tutorials, interviews, and more
  • Adapt resource pages for different types of end-users
  • Create a set of Lottie animations to make the website more attractive and interactive
  • Integrate animations and interactions via Webflow
Tools
Figma
Figma
Webflow
Webflow
Adobe After Effects
Adobe After Effects
Lottie
Lottie
Solutions
Outcome

An utterly unique website design with convenient editing fields for Editors using Webflow CMS. Available on any device usefully. Clear customer guides for managing the website content and our support for further changes.

Solutions

Content Hub

Articles, tutorials, interviews, and more were placed in the content hub. Additionally, we show different content for specific end-users, such as "Agency" or "Brand," keeping everything under one project and the same structure of CMS. We achieved this via JavaScript.

Content Hub

Articles, tutorials, interviews, and more were placed in the content hub. Additionally, we show different content for specific end-users, such as "Agency" or "Brand," keeping everything under one project and the same structure of CMS. We achieved this via JavaScript.

Content Hub

Articles, tutorials, interviews, and more were placed in the content hub. Additionally, we show different content for specific end-users, such as "Agency" or "Brand," keeping everything under one project and the same structure of CMS. We achieved this via JavaScript.

Content Hub

Articles, tutorials, interviews, and more were placed in the content hub. Additionally, we show different content for specific end-users, such as "Agency" or "Brand," keeping everything under one project and the same structure of CMS. We achieved this via JavaScript.

Content Hub

Articles, tutorials, interviews, and more were placed in the content hub. Additionally, we show different content for specific end-users, such as "Agency" or "Brand," keeping everything under one project and the same structure of CMS. We achieved this via JavaScript.

New look and feel

Due to the existing website was released, we implemented new designs step by step, page by page, keeping the existing version live with the ability to post new content during the redesign process.

New look and feel

Due to the existing website was released, we implemented new designs step by step, page by page, keeping the existing version live with the ability to post new content during the redesign process.

New look and feel

Due to the existing website was released, we implemented new designs step by step, page by page, keeping the existing version live with the ability to post new content during the redesign process.

New look and feel

Due to the existing website was released, we implemented new designs step by step, page by page, keeping the existing version live with the ability to post new content during the redesign process.

New look and feel

Due to the existing website was released, we implemented new designs step by step, page by page, keeping the existing version live with the ability to post new content during the redesign process.

Responsive design

The number of views from mobile devices exceeds the number of views from desktop ones, so it was very important to make high-quality and easy navigation for all mobile interfaces.

Responsive design

The number of views from mobile devices exceeds the number of views from desktop ones, so it was very important to make high-quality and easy navigation for all mobile interfaces.

Responsive design

The number of views from mobile devices exceeds the number of views from desktop ones, so it was very important to make high-quality and easy navigation for all mobile interfaces.

Responsive design

The number of views from mobile devices exceeds the number of views from desktop ones, so it was very important to make high-quality and easy navigation for all mobile interfaces.

Responsive design

The number of views from mobile devices exceeds the number of views from desktop ones, so it was very important to make high-quality and easy navigation for all mobile interfaces.

Rebranding

“Curated” decided to be renamed to “Breef” and do its website refresh

Rebranding

“Curated” decided to be renamed to “Breef” and do its website refresh

Rebranding

“Curated” decided to be renamed to “Breef” and do its website refresh

Rebranding

“Curated” decided to be renamed to “Breef” and do its website refresh

Rebranding

“Curated” decided to be renamed to “Breef” and do its website refresh

No items found.

Outcome

An utterly unique website design with convenient editing fields for Editors using Webflow CMS. Available on any device usefully. Clear customer guides for managing the website content and our support for further changes.

Linkedin

Linkedin

More works

Looking for an expert?

Let's discuss how WebFolks can help!

Contact Us
WebFolks logo outline