Guestlink — брендинг и лендинг сервиса по оплате бронирований
С каким запросом пришел клиент:
— Полностью упаковать бренд в дружелюбной стилистике
— Запустить лендинг с описанием сервиса
— Сверстать презентацию с коммерческим предложением
Лендинг
За созданием образа бренда следует представление сервиса в цифровом пространстве.
Задизайнили одностраничник с подробным описанием компании. Сверстали на «Тильде» с использованием кастомных элементов и адаптацией под 5 разрешений.
В чем посыл бренда:
Взять на себя все хлопоты клиента, связанные с получением платежей и выставлением счетов в гостиничном секторе. Guestlink освобождает от рутины, делится ценным опытом и упрощает сложные процессы, проводит за руку сквозь тёмный лес.
Лендинг
За созданием образа бренда следует представление сервиса в цифровом пространстве.
Задизайнили одностраничник с подробным описанием компании. Сверстали на «Тильде» с использованием кастомных элементов и адаптацией под 5 разрешений.
Прикольчик
Использовали буквы шрифта TT Milks в качестве декоративных элементов — извилистых фонов в карточках, описывающих услуги.
Адаптивный стиль
Стиль, построенный на блоках-карточках, прекрасно адаптируется под любой формат экрана и печатного носителя. А за счет удачного сочетания типографики, цветов и фотографий в единой стилистике Guestlink останется уникальным и узнаваемым, даже в рамках таких универсальных приёмов.
Соцсети
Карточно-блочный стиль также отлично вписывается в квадратный и прямоугольный форматы любых известных соцсетей.
Проблемы с вёрсткой на «Тильде»
Даже в таких маленьких проектах не удаётся избежать проблем :) Оказалось, что некоторые декоративно-функциональные элементы не так-то просто внедрить в конструктор.
Так, например, нам пришлось избавиться от всех точек и ползунков в слайдерах. Чтобы они корректно работали и отображали состояние слайдера, нужны знание js и полная перевёрстка уже готовых элементов.
Также мы убрали цифры в блоке «Вопросы и ответы». Данный блок собирается из готового тильдовского аккордеона, который с помощью кода вставляется в zero-блок и далее кастомизируется и адаптируется с помощью css. Чтобы добавить цифры, опять потребовался бы кастомный js код.
Поля ввода (инпуты) также пришлось кастомизировать вручную, так как в конструкторе недостаточно функционала. Забавно, что кнопку в форме обратной связи можно выровнять только по левой стороне и по центру. А по правой стороне, пожалуйста, выравнивайте через css.
Презентация
На основе дизайна лендинга довольно быстро собрали презентацию в «Фигме» и с помощью плагина сконвертировали её в редактируемый файл формата pptx.
Ася Королёва
— Создала полностью брендинг Guestlink, как говорится, с нуля и до запуска
— Впустила в проект жизнь, добавила теплоты и атмосферности
— Собрала концепцию лендинга и передала всё наработанное мне
— Помогала придерживаться заданного стиля, одобряла и забраковывала варианты макетов, указывала на ошибки и хвалила за успехи
Олеся Коломиец
— Превратила концепт в дизайн, пересобрав макет на Auto Layout'ах
— Сделала 5 адаптивов под «Тильду»
— Сверстала на «Тильде»
— Собрала презентацию
— Добавила физические носители и соцсети
— Задизайнила и написала кейс