Портфолио
Tilda, UI/UX дизайн
веб-дизайнера
веб-дизайнера
Портфо-
by
Tilda, UI/UX дизайн
веб-дизайнера
Daria
лио
2024
Сайт для загородного комплекса в Карелии
Krasota Scape
2025
Сайт интенсива кройки и шитья для детей от 5 до 14 лет
Я УМЕЮ ШИТЬ
2023
Сайт для московского бутик-отеля премиум класса
MYS Boutique Hotel
2024
Апартаменты комфорт-класса в Москве
Alex Studio
2023
Гостиница в доме культурного наследия на берегу Волги
Дом Блиновых в Угличе
2025
Виллы премиум-класса на Шри-Ланке
Kandakuliya Sunrise Beach Villas
Задача:
Krasota Scape
Создать сайт, который будет интуитивно понятен всем пользователям и чётко подающий всю необходимую информацию о домиках и условиях проживании в них . Важно было сделать хорошую адаптивность сайта, так как ЦА именно такого вида услуг всё чаще предпочитает использовать мобильные устройства для бронирования.
загородный комплекс в Карелии
Необычный и минималистичный дизайн, где использованы простые и понятные визуальные элементы — выделяющиеся кнопки, крупные заголовки, скруглённые формы.
Результат:
Особенности UX: так как сайт был создан на платформе Tilda, основываясь на Zero блоках, модифицировался с помощью HTML и пошаговой анимации, была необходимость улучшить скорость прогрузки сайта на каждом из пяти основных видах экранов: смартфоны в вертикальном и горизонтальном положениях, планшеты также в вертикальном и горизонтальном положениях и десктоп.
Заголовки
Light, regular
Основной текст
Light, normal, semibold
#C6C1AD
#8D916E
#483C32
Задача:
Необходимо было разработать сайт, который будет соответствовать референсу, составленному ранее из наиболее подходящих статусу отеля вариантов. Большой важностью обладал именно отличающий от конкурентов дизайн, сочетающий в себе как эстетику, так простой и понятный обывателю функционал изучения и бронирования номеров.
Был создан аккуратный и моментально привлекающий внимание первый экран, который стандартно не часто используется среди сайтов для отелей. Также использовалось большое количество пошаговой анимации для создания абсолютно индивидуальный отклик на каждое действие посетителя сайта.
MYS Boutique Hotel
бутик-отель премиум класса в Москве
Результат:
Особенности UX: как упомянула выше, было использовано больше количество пошаговой анимации, которая хоть и добавляет эстетики элементам, тем не менее "гладко" идёт не на всех устройствах, поэтому частично пришлось заменить анимацию на более адаптивную для определённых браузеров.
Заголовки
Light
Основной текст
Regular
#8F906E
#CE5C38
#EDDDD0
#001B14
Задача:
Alex Studio
апартаменты комфорт класса в Москве
Сайт нужен был для большого количества апартаментов премиум класса, сдаваемых посуточно. Следовательно, на сайте должно быть много целевой информации по каждой квартире, а также лаконичный дизайн, без выбивающихся элементов дизайна. Строго, но стильно.
Информация подаётся постепенно, с каждым блоком подталкивая пользователя всё сильнее заинтересоваться условиями бронирования квартиры именно у Alex Studio. Цветовая гамма хоть и имеет в себе очень яркий оттенок, при этом он не перегружает вид сайта, а наоборот, лишь акцентирует внимание на нужных деталях.
Результат:
Особенности UX: несмотря на многостраничность сайта, в нём очень просто ориентироваться благодаря утверждённой ни один раз структуре. Под различные типы устройств создано несколько вариантов блоков сайта, для упрощённой подгрузки сайта.
Заголовки
Semibold
Основной текст
Regular
#FCBE1C
#111111
#FFFFFF
Задача:
Дом Блиновых в Угличе
дом культурного наследия на берегу Волги
Отель расположен в историческом здании, что важно было отразить в дизайне сайта - мягкий, воздушный, при этом структурированный и нужна была удобная навигация, где всё на виду.
Хотя такие оттенки принято чаще использовать в более строгих тематиках, здесь акцент хорошо контрастирует с нежным голубым фоном сайта. Линии же наоборот, ограничивают эту воздушность, упрощая дизайн для восприятия посетителями. Таким образом сайт вышел с совершенно индивидуальным дизайном и не кажется вычурным. Всего в меру.
Результат:
Особенности UX: заказчиком не было указано строгое распределение сайта на разделы, при этом во избежание "каши" была использована стандартная для подобных сайтов структура, с чётко разделёнными заголовками блоками. Таким образом упрощается для посетителя поиск необходимой информации.
Заголовки
Regular
Основной текст
Light, regular, semibold
#0E3786
#F2F7FF
#FFFFFF
Задача:
Kandakuliya Sunrise Beach Villas
виллы премиум-класса на Шри-Ланке
Позиционирование вилл - премиальное качество и такие же цены, именно поэтому упор в дизайне требовался на минимализме, аккуратности, при этом важно было не уйти в "скукоту" или перегруженность пустотой.
Основным цветом был выбран тёмный, практически чёрный, для создания ассоциации с эксклюзивностью отдыха в доме на Шри-Ланке (хотя остров уже сам себя продаёт, это оставалось подчеркнуть). По запросу самого заказчика было использовано минимум ярких акцентов, чтобы внимание пользователя останавливалось на яркости фоографий.
Результат:
Особенности UX: благодаря минимальному использованию "тяжёлых" элементов дизайна, загружается сайт до 5 секунд, что критически важдно для удержания внимания потенциального клиента. Меню сайта направлено на максимальную эффективность: за 3 клика гость может перейти от просмотра фото номера к форме бронирования. Никакой путаницы, только простота и ясность.
Заголовки
Bold
Основной текст
Thin. light, regular
#DF3F33
#F0F0F0
#212121
Задача:
Я умею шить
интенсив кройки и шитья для детей
Сайт был с устаревшим дизайном, который заказчик хотел "освежить", а также сделать более детским, ярким, местами напоминающим мультфильм, при этом использовать цветовую гамму именно в конрастных сине-жёлтых цветах.
Для придания мультяшности, было принято, до банального простое, решение - использование рисованных графических элементов и анимированные элементы в блоках. Сайт хоть и выглядит довольно ярким, не перегружен кучей картинок, что даёт возможность зацепить как аудиторию детей, так и родителей, которые на сайте найдут всю необходимую информацию.
Результат:
Особенности UX: больше половины графики - это векторы, которые позволили оставить изображения в высоком разрешении, при этом не ухудшив оптимизацию сайта. В первую очередь, была создана mobile first версия, наиболее актуальный вариант для ЦА интеннсива.
Заголовки, основной текст
Regular, bold
#F6CD64
#1A275C
#6F67C0
#F0F0F0
Мобильная версия в разработке