Сайт для VitaKey

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

По словам клиента, сайт настраивает простую коммуникацию между компанией и потребителем. 75% трафика сайта приходится на естественную поисковую выдачу а каждый 20-й посетитель переходит к форме заявки. Поступающие запросы свидетельствуют о высоком уровне восприятия и понимания продукта, что говорит о выполнении главной задачи сайта.

Based on the client’s words, the website facilitates easy company-to-consumer communication. 75% of the website traffic falls on natural search results. Every 20th user reaches the application form. The user queries signify a high level of apprehension and understanding of the product. That means the primary mission of the website is complete.

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

Задача
Создать корпоративный сайт и понятно презентовать биотехнологию. Сформировать имидж открытых к сотрудничеству профессионалов для коммуникации с целевой аудиторией — техническими специалистами крупных производственных компаний.

To create a corporate website and clearly present biotechnology. To build an image of professionals open to communication with the target audience - technology experts at major production companies.

Решение
Чтобы объяснить сложные вещи понятным языком, использовали иллюстрации: дополнили текстовые блоки анимированной графикой и структурно подали материал. Выполнили полный объем работ: анализ рынка, дизайн, фронтенд-разработка и бэкэнд на WordPress.

Отрисовали 10 самостоятельных иллюстраций и анимировали 34 объекта для удобного восприятия множества научных текстов. Анимировали в 3D, чтобы создать объемные, летающие в пространстве молекулы.

Разработали личный кабинет для администрирования сайта и легкого изменения информации клиентом в будущем. Увеличили скорость и производительность сайта, используя продвинутую анимацию с Лотти (Lottie). А благодаря тому, что все страницы сделаны на чистом Canvas — скорость сайта в разы выше, чем при стандартном использовании svg-анимаций.

To explain complex issues in understandable terms, we used illustrations. The text blocks were structured and supplemented with animated graphics. We have conducted the full scope of work: market research, design, frontend development and backend development on WordPress.

We’ve developed a dashboard to manage the website. It is easy for the client to add or edit content. We have increased the performance times of the site using Lottie for advanced animations. The pages were all developed on Canvas - which made the speed much higher compared to using standard svg animations.

Прочая информация о кейсе

VitaKey предлагает революционно-новую технологию капсулирования витаминов и микронутриенов в рамках эксклюзивного лицензионного соглашения с Массачусетским технологическим институтом и лабораторией Лангера. Единая методика сохраняет все питательные вещества на протяжении хранения, приготовления и потребления продукта.

VitaKey provides a revolutionary new technology of vitamin and micronutrients encapsulation under an exclusive licensing arrangement with the Massachusetts Institute of Technology and the Langer Lab. The unique method helps preserve all the nutrients throughout the storage, cooking and consumption processes.

Скриншоты

Комментарий заказчика

We are most appreciative of your recent development of the VitaKey website. From the creative design and animations to the timeliness of the build and professional staff communications, the Red Collar team successfully achieved our desired results.
You were able to effectively use the information we provided about our new VitaKey company, understand the intricate scientific components, and properly illustrate our key points in a user-friendly website to expand our reach. It has been a pleasure to collaborate with Red Collar to produce an online platform for our company.