«chessclub.ae» – Cопровождение проекта шахматного клуба в Дубае

Разработали логотип, фирменный стиль и сайт с системой приема платежей для шахматного клуба в Дубае

2023

Дизайн

UI/UX

Frontend

Мультиязычность

Адрес:

chessclub.ae

Перейти
на сайт

chessclub.ae – проект российской команды в Дубае по созданию и продвижению клуба любителей в шахматы. На старте работ проект не имел конкурентов, однако за время работ, на рынке появился первый конкурент, с похожим предложением.

Оформление проекта – самое минималистичное из наших дизайнов, выполнено в черно-белом цвете. Сайт мультиязычный, выполнен на русском, английском и арабском языках – арабский был самым интересным в работе над проектом, и нашей команде есть чем гордится.

Задача, поставленная заказчиком

Создать сайт-визитку для продвижения шахматного- и бизнес-клуба в Дубае, сделать фирменный стиль для оформления соцсетей и полиграфии.

Резюме проекта

Начало работ:

апрель 2023

Запуск первой
версии сайта:

сентябрь 2023

Какие задачи мы решали
в проекте «chessclub.ae»:

Придумали структуру сайта

Разработали стиль оформления сайта и дизайн-макеты

Разработали логотип

Сделали верстку и фронтенд-приложение

Создали мультиязычную версию

Подключили систему online-оплаты

Какими инструментами мы пользовались

Для дизайна – традиционная Figma

Код - HTML, CSS.
Google.Doc для формирования отчётности.

Vue.js

CSS

Nuxt.js

Google.Doc

HTML

Figma

Придумали
структуру сайта

Клуб предлагает участникам события различного рода: оффлайн-обучение, проведение шахматных турниров, встречи шахматного клуба и общение по интересам.

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

Разработали стиль оформления сайта и дизайн-макеты

Все сайты посвященные шахматам созданы очень консервативно: найти действительно хороших примеров у конкурентов нам не удалось, и мы решили самостоятельно сделать пример для будущих
проектов в отрасли.

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

Разработали стиль оформления сайта и дизайн-макеты

Сделали
мультиязычную версию

Клуб располагается в Арабских эмиратах, но ориентирован в первую очередь на российскую и европейскую аудиторию. Совместно с заказчиком мы проработали и создали версию на английском языке, а также версию на арабском.

Арабский язык – отдельный вызов для нашей команды. Язык читается справа налево, и казалось, что достаточно просто зеркально отразить страницы – но при внимательном изучении выяснилось, что активные управляющие элементы просто отразить не получится, так как их местонахождение на арабских сайтах – близко к европейскому.

После разработки страниц попросили выверить их профессиональных арабистов, которые дополнили наши изыскания. Получилась полноценная и понятная местным жителям версия сайта.

Разработали логотип

Перед нами стояла задача: сделать лого, который можно разместить на сайте, визитках, ручках, использовать для оформления аккаунтов и постов в социальных сетях.

В логотипе использовали паттерн из 5 клеток шахматной доски. Отдельно разработали крупную версию лого с указанием территориальной принадлежности проекта: ae.

Лого проверяли на нескольких носителях: везде он был узнаваем и сохранял понятный образ шахматного клуба.

Подробнее о разработке логотипов:

Перейти на страницу

Подключили систему online-оплаты

На сайте предусмотрена возможность оплатить
курсы и занятия online. Для оплаты использовали международный платежный шлюз stripe. Это максимально low-code решение, которое позволяет создать необходимые товары на стороне приложения, и для каждого товара указать уникальную ссылку с названием и задать стоимость.

Полученная ссылка вставляется в кнопку на сайте, и все дальнейшее управление происходит на стороне сервиса. Удобно, но мы избалованы современными платежными решениями из РФ, и нам не хватало функционала.

Оплата не подразумевает создания кассовых чеков – что для нас тоже непривычно.

Посадочная страница

Сделали верстку и фронтенд-приложение

Для нас отдельной и довольно сложной задачей стала верстка арабской версии сайта: в арабском языке текст располагают справа налево. Кроме текста необходимо позаботится об элементах управления: и поменять их порядок и места расположения. Часть контента арабской версии сайта выполнена на английском, что дополнительно усложнило нашу задачу.

Сайт создан на vue.js с использованием статической генерации nuxt.js. Скорость загрузки страницы: 1,03 секунды (до установки счетчика Google Analytics).

Посмотреть макет можно в Figma:

https://chessclub.ae/