Сайт web 3.0 агентства Blockchain Family

Главное о кейсе

Разработали лендинг для Blockchain Family. Это компания, которая занимается международными блокчейн-проектами и стартапами под заказ. Раньше у BF не было полноценного сайта, а заказчики приходили к ним только из-за сарафанного радио. Мы создали единый источник информации о компании с актуальным дизайном в эстетике блокчейна. Проект получился современным — в стиле новейших технологий, с крупной типографикой и ультрамодными 3D.

Результаты:

1. До проекта у Blockchain Family не было сайта и фирстиля, а продажи услуг на 100% строились на нетворкинге. Мы разработали сайт, который генерит лиды.
2. Проект заслужил 6 наград: Website of the Day на CSSDA, Site of the Day на CSS Winner, Honorable Mention на Awwwards, Site of the Day на Mindsparkle Mag, WD of the Day на WD Awards и «Лучший сайт на иностранном языке» на Рейтинге Рунета 2023.
3. Мы продолжаем сотрудничать с клиентом и вместе развивает другие web 3.0 продукты.

We developed a landing page for Blockchain Family. This is a company that deals with international blockchain projects and startups. Earlier, BF did not have a full-fledged website, and clients only came to them through word of mouth. We created a single source of information about the company with a modern design in the aesthetics of blockchain. The project turned out to be modern — in the style of the latest technologies, with large typography and ultra-modern 3D.

Results:

1. Before the project, Blockchain Family had no website or style, and 100% of service sales were based on networking. We developed a website that generates leads.
2. The project earned 6 awards: Website of the Day at CSSDA, Site of the Day at CSS Winner, Honorable Mention at Awwwards, Site of the Day at Mindsparkle Mag, WD of the Day at WD Awards, and "Best Foreign Language Website" at the Runet Rating 2023.
3. We continue to collaborate with the client and together develop other web 3.0 products.

Как проект изменил жизнь пользователей

До того как у компании появился сайт, Blockchain Family уже были агентством со специализацией на web 3.0, но заказчики приходили к ним только из-за сарафанного радио. Лендинг стал новым каналом для привлечения клиентов и источником полной информации о компании и кейсах.
А ещё проект получил несколько наград:

Website of the Day — CSSDA
Site of the Day — CSS Winner
Honorable Mention — Awwwards
Site of the Day — Mindsparkle Mag
WD of the Day — WD Awards
«Лучший сайт на иностранном языке», 1 место — Рейтинг Рунета 2023

Before the company had a website, Blockchain Family was already an agency specializing in web 3.0, but clients only came to them by word of mouth. The landing page became a new channel for attracting clients and a source of complete information about the company and its cases. The project also received several awards:

Website of the Day — CSSDA
Site of the Day — CSS Winner
Honorable Mention — Awwwards
Site of the Day — Mindsparkle Mag
WD of the Day — WD Awards
The Best Foreign Language Site, 1st place — Rating of Runet, 2023

Бизнес-задача и ее решение

Клиент пришёл с задачей — сделать сайт компании, которая специализируется на web 3.0. При этом важно было не использовать банальные решения, например цепочки цифр или атрибуты матрицы. Мы взяли за основу фирменный стиль, неожиданные для блокчейна цвета и разработали современный дизайн, который нетривиально отсылает к эстетике web 3.0.

The client came with a task to create a website for a company specializing in web 3.0. It was important not to use banal solutions, such as chains of numbers or matrix attributes. We based our work on the corporate style, used unexpected colors for the blockchain, and developed a modern design that non-trivially refers to the aesthetics of web 3.0.

Крафт (мастерство), реализация, технические детали

За основу в дизайне мы взяли айдентику — её разработал графический дизайнер Рома Кузнецов. Лого проекта сочетает в себе цепь и первые буквы названия — B и F. Наш тридешник Эльвин Назурметов вдохновился этими формами и наколдовал акцентные модельки. Иллюстратор Никита Южанин отрисовал яркие и стильные иллюстрации для блога компании. А дизайнер Саша Егоров — по максимуму использовал фирменные цвета и модные гротескные шрифты. А ещё добавил плавных анимаций и придумал забавную форму обратной связи — в стиле письма, где нужно заполнить пустые поля.

Если хорошенько поизучать макеты — можно найти милые фишки. Например, меню в футере с эффектом набора символов. А ещё у нас там орфографическая ошибка в prjcts. Мы в курсе, просто оно так красиво встало, что решили оставить. Слова только из согласных — это стиль.

In the design, we used the identity developed by the graphic designer Roman Kuznetsov as a basis. The project's logo combines a chain and the first letters of the company’s name — B and F. Our 3D-artist Elvin Nazurmetov was inspired by these shapes so he created accent models. Illustrator Nikita Yuzhanin drew bright and stylish illustrations for the company's blog. Designer Sasha Egorov maximized the use of corporate colors and trendy grotesque fonts. Moreover, he added smooth animations and came up with a fun form of feedback. It is in the style of a letter, where you need to fill in the empty fields.

If you carefully study the layouts, you can find cute details. For example, the menu in the footer is with a character typing effect. Also, there is a spelling mistake in "prjcts." We are aware of it, we just decided to leave it because it looked so nice. Words made up only of consonants are stylish.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Коммуникация с клиентом получилась отличной. Blockchain Family дали нам полную свободу, написали суперпонятное тз и подготовили текст, который идеально встал в макеты. А ещё подкинули крутую идею слайдера для главного экрана — чтобы менялось только одно слово в заголовке.

Communication with the client turned out to be excellent. Blockchain Family gave us complete freedom, provided a clear brief, and prepared text that fit perfectly into the layouts. They also came up with a cool idea for a slider for the main screen — to change only one word in the headline.

Скриншоты