TECFINITY
Личный сайт · В работе
Панайотис Космидис
Шестнадцать разделов, четыре языка, одна эстетика тёплой бумаги — и сборка, которая не уедет в прод, если пропал хотя бы один ключ перевода.
kosmidis.me · английский, греческий, русский, арабский
Клиент
Панайотис Космидис
Тип
Личный сайт
Отрасль
Образование и технологии
Статус
В работе
Задача
Один человек и слишком много профессий для шаблона.
Преподаватель, основатель, комментатор, тренер, музыкант. Обычное портфолио вынуждено было бы выбрать что-то одно и спрятать остальное, а одна лишь страница с резюме полностью упустила бы тексты, курсы и музыку.
Сайт идёт от обратного: шестнадцать разделов, каждый из которых делает одну вещь как следует — резюме для печати, каталог из тридцати одного курса, эссе, музыкальный каталог с опубликованными текстами песен, карта путешествий, построенная на реальной географии, — и всё это на четырёх языках, причём арабский набран справа налево.
Экраны
Главная страница 
О себе 
Направления работы
Результаты работы
Что было построено.
Сайт, у которого широта охвата и есть смысл, удерживаемый одной типографической системой и сборкой, которая сама следит за соблюдением своих правил.
Четыре опубликованных языка
Английский, греческий, русский и арабский — каждый раздел на каждом языке, арабский справа налево и со своими веб-шрифтами. Определение языка при первом визите идёт каскадом: сохранённый выбор, затем языки браузера, затем страна по адресу, — и только на главной странице, поэтому прямая ссылка всегда открывается ровно такой, как написана.
Читается на любом языке
Каждый раздел готовится отдельно для каждого из четырёх языков, поэтому поисковик, превью в соцсети или отправленная другу ссылка показывают правильный заголовок, правильное описание и правильный язык, а не тот, который случайно загрузился первым.
Редакционная типографическая система
EB Garamond для крупных заголовков, курсив которого работает акцентом, Space Grotesk для интерфейса, DM Mono для подписей и Amiri вместе с IBM Plex Sans Arabic для арабской локали — поверх тёплой бумаги и чернил с единственным золотым акцентом. Системных шрифтов нет нигде.
Фотографии, которые быстро грузятся
Восемьдесят шесть фотографий подготовлены в современных, более лёгких форматах, каждая в нескольких размерах: телефон скачивает картинку под телефон, а большой экран получает подробную. Почти тысяча файлов, созданных автоматически, а не выгруженных вручную.
Формы без сторонних сервисов
Формы обратной связи, отзывов, интереса к курсам и подписки работают через сам сайт, а не через встроенный сторонний сервис форм, поэтому никакая внешняя компания не видит, кто пишет, а список рассылки остаётся на собственных серверах.
Паритет переводов под контролем сборки
Прежде чем сайт вообще соберётся, проверяется, что все четыре языка несут одно и то же содержимое, что оформление и подставляемые значения в них совпадают и что нигде в коде нет ссылки на текст, которого не существует. Недостающий перевод останавливает релиз, а не доходит до читателя.
Как это работает
Четыре языка, один голос.
Каждый раздел существует на английском, греческом, русском и арабском, причём арабский набран справа налево. Сайт собирается заранее, поэтому открывается быстро где угодно, и его нельзя опубликовать, если хоть один перевод отсутствует.
Что это даёт на практике
Четыре опубликованных языка
Не машинный перевод, прикрученный задним числом
Находится таким, как написан
Каждый раздел читается поисковиками на каждом языке
Спроектированная страница, а не шаблон
Свои шрифты, палитра и ритм по всему сайту
Ничего наполовину переведённого
Недостающий перевод останавливает релиз, а не читателя
В цифрах
Что производит сборка.
4
Языка, все опубликованы
64
Страниц подготовлено — каждый раздел на каждом языке
31
Курс в каталоге по шести направлениям
955
Файлов изображений сгенерировано из 86 слотов
Количество контента и файлов взято из самого проекта. Никаких оценок производительности не заявляется.
Нужен сайт, который вмещает больше одной истории?
Мы делаем многоязычные сайты, которые остаются быстрыми и редактируемыми. Давайте поговорим.