Портфолио

портфолио

Три сайта, которые мы сделали сами. Про каждый написано, какая стояла задача, как её решили и на чём собран проект. Все три работают, их можно открыть.

012026 · Роль: Дизайн, разработка, планирование контента

Sunny Turkey — подбор курорта

Путеводитель по 10 турецким курортам на 16 языках. Посетитель отвечает на шесть вопросов (возраст, переносимость жары, хронические заболевания, предпочтения, бюджет), и тест подбирает ему место отдыха. Климатические данные взяты из Open-Meteo, WeatherSpark и Wikipedia.

Кроме температуры воздуха, подбор учитывает точку росы
Есть сведения о спелеотерапии в пещере Дамлаташ и о сухом воздухе Эгейского побережья
Сайт статический: серверной части нет, файлов cookie и отслеживания посетителей тоже
16 языковых версий с общим содержанием и поиском

HTML/CSS/JSOpen-Meteo APIWeatherSparkПодготовка к SEO при разработке

Посмотреть сайт

022026 · Роль: Дизайн, разработка, типографика

Дао чая — энциклопедия

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

Разделы о пяти стихиях и шести категориях чая, связанные переходами
Авторская типографика и просторная вёрстка
Сайт размещён на Vercel и кэшируется, поэтому загружается быстро
Оформление в духе музейной экспозиции

Next.jsVercelАвторская типографикаSVG-иллюстрации

Посмотреть сайт

032026 · Роль: Дизайн, разработка, контент

ДиноЗемля — энциклопедия для детей

Интерактивная энциклопедия для детей от 3 до 12 лет. В ней 17 динозавров, про каждого есть иллюстрация и рассказ о том, какого он был размера и чем питался. Ребёнок может пройти викторину, сыграть в игру или сравнить рост динозавра с человеческим. Языковых версий больше 20.

17 динозавров с фильтрами по питанию и геологической эпохе
Викторина, игра-платформер и сравнение размеров с человеком
Динозавры рычат, а рекордом можно поделиться с помощью карточки
Более 20 языковых версий, ссылка сразу открывается на выбранном языке

HTML/CSS/JSSPAPWAWeb AudioSEO + FAQ

Посмотреть сайт