✳️ Задача: Разработать новый концептуальный дизайн для Эбру Профи
✳️ Стилистика: Флэт-дизайн, бенто стиль
✳️ Цвета: Преимущественно пастельные оттенки с акцентом в виде черных кнопок
✳️ Концепция верстки: концепт, сверстанный в autoscale
✳️ Сроки на проект: 2 недели
✳️ Статус: Запущен, работает
✳️ Перейти на сайт клиента
✳️ Стилистика: Флэт-дизайн, бенто стиль
✳️ Цвета: Преимущественно пастельные оттенки с акцентом в виде черных кнопок
✳️ Концепция верстки: концепт, сверстанный в autoscale
✳️ Сроки на проект: 2 недели
✳️ Статус: Запущен, работает
✳️ Перейти на сайт клиента
О заказчике: Эбру — удивительная техника рисования на воде, восходящая к древним традициям. Компания «Эбру Profi» специализируется на обучении рисованию в этой технике и продаже материалов для нее. В их ассортименте представлены разнообразные краски, инструменты и обучающие материалы, которые помогают раскрывать потенциал каждого художника.
Команда опытных мастеров компании делится своими знаниями, проводя мастер-классы и обучающие курсы. Это обеспечивает доступность искусства эбру для широкой аудитории.
Команда опытных мастеров компании делится своими знаниями, проводя мастер-классы и обучающие курсы. Это обеспечивает доступность искусства эбру для широкой аудитории.
Задачи и решения
The creation of our website went through several key stages, each of which was carefully crafted to achieve the best possible outcome. Here's how it happened:
1/ Benchmarking: we analyzed competitors' and leaders' ebru websites, found interesting visual solutions and created a concept. It was important to consider what features and elements make websites successful in this niche in order to put them into practice.
2/ Prototype development: we developed the structure and basic interface elements to visualize how the site would look and function. The prototype helped us determine the optimal navigation and content layout. This step gives an understanding of how users will interact with the site and what should be emphasized.
3/ Home page design: After the prototype was approved, we started to develop the UI/UX design of the home page. We paid special attention to user experience and visual aesthetics to ensure a positive user experience. We chose bright and eye-catching images to reflect the Ebru atmosphere, and thought through a structure to provide easy access to key information and services.
4/ Developing the mobile version of the page: after finalizing the desktop version, we moved on to responsive design for mobile devices. We adapted the design and functionality of the homepage and provided easy access to all master classes and products.
1/ Benchmarking: we analyzed competitors' and leaders' ebru websites, found interesting visual solutions and created a concept. It was important to consider what features and elements make websites successful in this niche in order to put them into practice.
2/ Prototype development: we developed the structure and basic interface elements to visualize how the site would look and function. The prototype helped us determine the optimal navigation and content layout. This step gives an understanding of how users will interact with the site and what should be emphasized.
3/ Home page design: After the prototype was approved, we started to develop the UI/UX design of the home page. We paid special attention to user experience and visual aesthetics to ensure a positive user experience. We chose bright and eye-catching images to reflect the Ebru atmosphere, and thought through a structure to provide easy access to key information and services.
4/ Developing the mobile version of the page: after finalizing the desktop version, we moved on to responsive design for mobile devices. We adapted the design and functionality of the homepage and provided easy access to all master classes and products.
5/ Разработка дизайна для всех страниц сайта: После создания главной страницы мы приступили к разработке уникальных и логически связанных дизайнов для всех остальных страниц. Каждая страница была оформлена в едином стиле, что помогло создать визуальную целостность сайта и улучшить восприятие информации пользователями.
Также на этом этапе мы внедрили важную фишку: в разделе магазина кнопки ведут не на покупку на сайте, а в маркетплейсы — так удобнее оформить заказ и выше доверие к компании.
Также на этом этапе мы внедрили важную фишку: в разделе магазина кнопки ведут не на покупку на сайте, а в маркетплейсы — так удобнее оформить заказ и выше доверие к компании.
6/ Верстка в Zero Block Tilda: сверстали дизайн сайта, используя Zero Block в Tilda. Этот инструмент позволяет гибко и детально настроить каждую страницу и добавить все необходимые визуальные и функциональные элементы. Сайт стал адаптивным и интерактивным, теперь он отлично выглядит и работает на всех устройствах.
7/ QA- и баг-тестирование: провели тщательное QA-тестирование сайта, чтобы выявить и исправить все возможные баги. Проверили функциональность всех элементов и убедились, что сайт работает стабильно и без ошибок.
8/ SEO оптимизация: оптимизировали SEO, контент, мета-теги и структуру сайта, чтобы привлечь больше органического трафика и повысить позиции в SERP.
Это не только улучшило рейтинг в поисковых системах, но и сделало контент более удобным для восприятия пользователями.
9/ CRM и тестирование форм: подключили CRM, коллтрекинг и прочие необходимые формы на сайте. Провели их тщательное тестирование. Убедились, что все формы корректно отправляют данные и работают без сбоев. Это обеспечило надежный механизм для связи с потенциальными клиентами и упростило управление коммуникацией.
10/ Go-live и деплоймент: после всех проверок и доработок мы запустили сайт в продакшн. Теперь он доступен для пользователей и готов выполнять свои задачи.
7/ QA- и баг-тестирование: провели тщательное QA-тестирование сайта, чтобы выявить и исправить все возможные баги. Проверили функциональность всех элементов и убедились, что сайт работает стабильно и без ошибок.
8/ SEO оптимизация: оптимизировали SEO, контент, мета-теги и структуру сайта, чтобы привлечь больше органического трафика и повысить позиции в SERP.
Это не только улучшило рейтинг в поисковых системах, но и сделало контент более удобным для восприятия пользователями.
9/ CRM и тестирование форм: подключили CRM, коллтрекинг и прочие необходимые формы на сайте. Провели их тщательное тестирование. Убедились, что все формы корректно отправляют данные и работают без сбоев. Это обеспечило надежный механизм для связи с потенциальными клиентами и упростило управление коммуникацией.
10/ Go-live и деплоймент: после всех проверок и доработок мы запустили сайт в продакшн. Теперь он доступен для пользователей и готов выполнять свои задачи.
Вывод
Эбру Profi — это настоящее арт-комьюнити, и новый сайт стал важным инструментом для продвижения техники эбру и укрепления позиций компании на рынке. Нам удалось создать не только современный и эстетически привлекательный сайт, который отражает уникальность искусства эбру, но и функциональный, удобный ресурс, где пользователи легко находят нужную информацию и услуги.
