Веб-дизайн
Структура сайта, макеты страниц и визуальная система для сайта вашей компании, спроектированные и справа налево, и слева направо, проверенные по стандарту WCAG 2.2 и утверждённые вами до того, как написана первая строка кода.
Дизайн, а не разработка
Веб-дизайн в Дубае определяет, что размещается на каждой странице, в каком порядке, и как это выглядит и читается на обоих языках. Он заканчивается набором утверждённых макетов, по которым разработчик может построить сайт, не догадываясь о деталях. Сама разработка, включая CMS, формы, интеграции, хостинг и работу над скоростью, описана на нашей странице разработки сайтов.
Карта сайта, навигация и то, сколько шаблонов на самом деле нужно сайту. Сервисной компании в Дубае может понадобиться восемь шаблонов, а не сорок уникальных страниц.
Типографика на арабском и латинском шрифтах, цвет, отступы, сетка, стиль иконок и то, как кадрируются фотографии. Строится на основе вашего бренда либо на основе фирменного стиля, если его сначала нужно создать.
Что происходит при наведении курсора, при фокусе, при ошибке в форме, при открытии меню на телефоне. Эти состояния прорисовываются заранее, а не оставляются на волю случая.
Сначала структура
Большинство слабых корпоративных сайтов в ОАЭ проваливаются в структуре ещё до того, как проваливаются во внешнем виде. Страница услуг перечисляет всё одним длинным блоком, путь к контактам спрятан, а страница «О компании» несёт информацию, которая на самом деле нужна покупателю: лицензии, локации и обслуживаемые отрасли.
Мы начинаем с вопросов, которые задаёт покупатель, в том порядке, в котором он их задаёт, и связываем каждый со страницей или разделом. Так появляются карта сайта и прототип для каждого шаблона. Визуальный дизайн начинается только после того, как вы согласуете структуру, потому что перенести раздел в прототипе занимает минуты, а в готовом макете дни.
Арабский и английский
Арабский сайт не является английским макетом с заменённым текстом. Вся страница читается справа, поэтому дизайн нужно рисовать именно так, а некоторые элементы намеренно не должны переворачиваться.
| Элемент | В арабской версии макета | Почему |
|---|---|---|
| Сетка страницы, навигация, боковые панели | Зеркально отражены: логотип и меню начинаются справа | Взгляд входит на страницу справа |
| Направленные иконки (стрелки, назад, далее) | Зеркально отражены | «Далее» указывает направление, в котором движется читатель |
| Логотипы, фотографии товаров, фирменные знаки | Не отражаются | Их зеркальное отражение создаёт ложное изображение |
| Номера телефонов, цены, коды, часы | Не отражаются | Цифры внутри числа по-прежнему идут слева направо |
| Элементы управления медиа и полосы прогресса | Обычно остаются слева направо | Они отображают время, а его пользователи ожидают видеть именно в этом направлении |
| Размер основного текста и высота строки | Часто задаются немного крупнее, с большим межстрочным интервалом | Арабские буквенные формы несут детали, которые теснятся при латинских размерах |
Мы также проектируем для смешанного текста, что для ОАЭ является постоянной практикой: арабское предложение, содержащее название бренда на английском, адрес в Dubai Silicon Oasis или код товара. Рекомендации W3C Internationalization советуют задавать направление страницы в разметке через атрибут dir у элемента html, а не в CSS, отдельно указывать язык через lang и изолировать встроенный текст с неопределённым направлением. В наших файлах дизайна отмечены такие случаи, чтобы разработчик обрабатывал их осознанно.
Для отступов мы задаём макеты в терминах начала и конца строки, а не слева и справа. Это соответствует спецификации логических свойств CSS от W3C, где свойство вроде margin inline start следует направлению письма, поэтому один набор стилей обслуживает оба языка вместо того, чтобы два набора постепенно расходились.
Доступность
Веб-дизайн в Дубае решает доступность заранее: многие нарушения представляют собой визуальные решения, бледно-серый текст на белом фоне, убранная обводка фокуса, потому что она казалась неаккуратной, ссылки, которые различаются только по цвету. Исправление после разработки означает пересборку дизайна. Мы проверяем макеты по рекомендациям W3C по обеспечению доступности веб-контента 2.2, которые стали рекомендацией W3C в октябре 2023 года и последний раз обновлялись в декабре 2024 года.
Два примера того, что это значит на практике. Критерий успеха 1.4.3 требует коэффициент контрастности не менее 4,5:1 для обычного текста и 3:1 для крупного текста, поэтому фирменные цвета проверяются перед использованием в наборе шрифтов. Критерий 2.5.8, новый в версии 2.2, задаёт минимальный размер цели указателя 24 на 24 пикселя CSS, что определяет, насколько близко друг к другу мы размещаем небольшие ссылки и иконки в подвалах и меню.
Утверждение до начала разработки
Этапы следуют нашей обычной схеме: техническое задание, предложение, создание, проверка, передача, улучшение, с одним твёрдым правилом: вы утверждаете полный дизайн до начала разработки.
Веб-дизайн в Дубае мы начинаем с изучения вашего текущего сайта, конкурентов, которых вы уважаете, и ваших целей, затем присылаем письменное предложение с фиксированной ценой.
Структура согласуется в первую очередь, для ширины экрана телефона и компьютера, на ведущем языке.
Сначала оформляются главная страница и один внутренний шаблон. Как только это направление утверждено, остальное следует за ним.
Макеты справа налево, ошибки форм, пустые состояния и меню прорисовываются для каждого шаблона.
Утверждённые файлы, лист компонентов и заметки передаются в разработку. Тексты для страниц может параллельно готовить наша команда написания контента для сайтов.
Планируете страницу под одну кампанию, а не весь сайт? Для этого подойдёт дизайн лендингов. Проектируете продукт или портал с личным кабинетом? Смотрите UI UX дизайн. Решения по структуре также влияют на поиск, поэтому при пересборке сайта мы координируем работу с услугами SEO.
Избранные проекты
Веб-дизайн в Дубае мы делали для разных компаний: инвестиционный дом, брокерская компания класса люкс и двуязычная физиотерапевтическая практика, у каждой свой повод для визита на сайт.
Сайт · Корпоративный · Дубай
Инвестиционный дом в Дубае с вековой историей. Сайт обращается к институциональным инвесторам, а не к покупателям.
shaikhholdings.com
Сайт · Элитная недвижимость · Дубай
Брокерское агентство премиального сегмента Дубая, где покупатель сначала оценивает агентство по сайту.
billionairehomesdubai.com
Сайт · Медицина · Дубай
Центр реабилитации и физиотерапии в Дубае с одним полноценно двуязычным сайтом на английском и арабском.
hmsfmce.comИз блога
Что защищает и отклоняет закон ОАЭ о товарных знаках, как проходит регистрация в Министерстве экономики и туризма, и что это значит для вашего логотипа.
Читать статью
Что должен письменно закрепить брендбук на арабском и английском, чтобы типографии, разработчики и авторы в ОАЭ применяли его одинаково.
Читать статьюПрямые ответы
Часто да. Если текущая CMS надёжна, новый дизайн можно применить к ней. Если именно платформа делает сайт медленным или неудобным для редактирования, мы укажем это в предложении и объясним варианты.
Не обязательно готовый текст, но реальные заголовки и черновик для ключевых страниц очень помогают. Проектирование вокруг текста-заполнителя скрывает проблемы, которые проявляются, как только приходит настоящий арабский или английский контент.
Это зависит от количества уникальных шаблонов, языков и интеграций. Вы получаете письменное предложение с фиксированной ценой, рассчитанное под ваше техническое задание, и в рабочее время его обычно присылают в течение 45 минут.
Вам. Домен, хостинг, доступы к CMS и код принадлежат вам, а передача проекта включает обучение, записанный видеообзор и период поддержки.
Он будет вести себя последовательно, что полезнее, чем выглядеть идентично. Макеты проектируются для маленьких, средних и больших экранов, а готовый сайт тестируется на реальных устройствах и в реальных браузерах перед запуском.
Источники
Фиксированная цена в письменном виде
Получили. Мы уже готовим ваше предложение.
В рабочее время вы получите его в течение 45 минут. Проверьте почту, там письмо с подтверждением.
