Клиент
Художник Наталия Вильвовская. Работает в области скульптуры, керамики, шелкографии, графики. Её работы находятся в государственных и частных коллекциях России, Германии, Франции, Испании.
Задача
Разработать новый сайт-портфолио Наталии Вильвовской для презентации сотен работ на трёх языках — русском, английском и иврите.
Условия
У клиента был старый сайт на движке WordPress с откровенно непроработанным оформлением — и только на русском языке. При этом возможностью самостоятельного внесения изменений на сайт с помощью CMS WordPress наш клиент не пользовалась и осваивать этот инструмент не планировала: вместо этого она хотела бы в дальнейшем прибегать к услуге техподдержки по запросу для перманентного добавления новых работ после запуска нового сайта.
Между тем сайт требовал редизайна и изменения структуры для поддержки мультиязычности таким образом, чтобы добавление работ и страниц было синхронизировано сразу для всех языковых локалей. При этом необходимо было учитывать правила оформления текстов на иврите, в котором текст пишется в обратном для индоевропейских языков направлении — справа налево. В связи с этим расположение надписей и интерфейс должен адаптироваться под такое написание. А бюджет на реализацию проекта был ограничен и не предполагал масштабной разработки.
Что мы сделали, чтобы добиться результата
Технологический стек
После первичного брифинга команда CoffeeStudio начала рассматривать различные варианты реализации задачи. Конструкторы сайтов наподобие Tilda мы в данном случае отвергли из-за отсутствия нормальной поддержки мультиязычности, что автоматически влекло удорожание разработки и последующей техподдержки трёхязычного сайта — по затратам времени, особенно в случае возможных правок, добавлений и перестановок работ, внесения изменений в описания после предварительного утверждения их сводного перечня, такая работа просто не укладывалась в бюджет.
В результате самым оптимальным по скорости разработки и цене оказалась генерация статического сайта (SSG) с помощью контент-ориентированного фреймворка Astro JS. Этот вариант был хорош совмещением мощи, скорости и удобства SEO-оптимизации классического чистого кода с удобным предварительным рендерингом работ для всех языковых вариантов на основании одного источника истины в виде JSON-файлов с данными.
Фактически, после утверждения нового дизайна вся последующая работа сводится лишь к внесению изменений в файлы с данными и развертыванию новой версии сайта; это занимает считанные минуты.
Дизайн
В старой версии сайта фактически не было главной страницы — на ней была лишь биография Наталии Вильвовской без каких-либо изображений. Для новой версии мы разработали отдельную главную страницу с навигацией. В ходе разработки мы сделали несколько версий ее оформления — в результате остановились на варианте с фотографией автора на фоне работ.
Для оформления разделов с самими работами разработчики CoffeeStudio в принципе сохранили прежнюю логику оформления с боковой панелью на темном фоне и светлой подложкой для фотографий с описаниями. Здесь также тестировали различные варианты, но в итоге остановились на максимально лаконичном и стерильном, который не конкурирует за внимание зрителя с работами художника и напоминает стилистику оформления выставочных пространств.
Ввиду общей лаконичности оформления особая роль отводилась типографике, которая должна была органично сочетаться со стилем автора. Стандартные бесплатные шрифты для этого не подошли, поэтому Наталия выбрала подходящую гарнитуру с ярко выраженным характером Conqueror авторства известного российского шрифтового дизайнера Юрия Гордона в каталоге студии Letterhead.
С какими трудностями столкнулись во время работы
Основная сложность при разработке сайта касалась заполнения данных на иврите ввиду непредсказуемости поведения курсора при навигации по надписи, особенно на стыке символов из разных алфавитов — а в подписях нередко встречались, например, кавычки, которые в формате JSON необходимо было «экранировать» специальными символами.
Какой результат смогли достичь
В результате команда CoffeeStudio разработала мультиязычный сайт, в котором каждая работа семантически размечена и автоматически получает корректные уникальные подписи, а техподдержка сайта не занимает много времени.
Выводы
Основной вывод из этой работы: не всегда для кажущейся объемной задачи требуется тяжеловесный технологический стек. Иногда быстрее и проще решить её простыми способами. И фреймворк Astro для подобных контент-ориентированных сайтов подходит как нельзя кстати.
Если вам нужно разработать сайт и задача кажется вам неподъемно сложной — напишите нам. CoffeeStudio рядом, чтобы помочь в развитии вашего дела.
Подписывайтесь на канал агентства интернет-маркетинга CoffeeStudio, чтобы не пропустить полезные статьи и лайфхаки.
Агентство интернет-маркетинга CoffeeStudio coffeestudio.ru
📬 sales@coffeestudio.ru 📞+7(8112)46-00-10