Guestlink — брендинг и лендинг сервиса по оплате бронирований

С каким запросом пришел клиент:

— Полностью упаковать бренд в дружелюбной стилистике

— Запустить лендинг с описанием сервиса

— Сверстать презентацию с коммерческим предложением

Лендинг

За созданием образа бренда следует представление сервиса в цифровом пространстве.

Задизайнили одностраничник с подробным описанием компании. Сверстали на «Тильде» с использованием кастомных элементов и адаптацией под 5 разрешений.

https://pay.guestlink.ru/

В чем посыл бренда:

Взять на себя все хлопоты клиента, связанные с получением платежей и выставлением счетов в гостиничном секторе. Guestlink освобождает от рутины, делится ценным опытом и упрощает сложные процессы, проводит за руку сквозь тёмный лес.

Лендинг

За созданием образа бренда следует представление сервиса в цифровом пространстве.

Задизайнили одностраничник с подробным описанием компании. Сверстали на «Тильде» с использованием кастомных элементов и адаптацией под 5 разрешений.

https://pay.guestlink.ru/

Прикольчик

Использовали буквы шрифта TT Milks в качестве декоративных элементов — извилистых фонов в карточках, описывающих услуги.

Адаптивный стиль

Стиль, построенный на блоках-карточках, прекрасно адаптируется под любой формат экрана и печатного носителя. А за счет удачного сочетания типографики, цветов и фотографий в единой стилистике Guestlink останется уникальным и узнаваемым, даже в рамках таких универсальных приёмов.

Соцсети

Карточно-блочный стиль также отлично вписывается в квадратный и прямоугольный форматы любых известных соцсетей.

Проблемы с вёрсткой на «Тильде»

Даже в таких маленьких проектах не удаётся избежать проблем :) Оказалось, что некоторые декоративно-функциональные элементы не так-то просто внедрить в конструктор.

Так, например, нам пришлось избавиться от всех точек и ползунков в слайдерах. Чтобы они корректно работали и отображали состояние слайдера, нужны знание js и полная перевёрстка уже готовых элементов.

Также мы убрали цифры в блоке «Вопросы и ответы». Данный блок собирается из готового тильдовского аккордеона, который с помощью кода вставляется в zero-блок и далее кастомизируется и адаптируется с помощью css. Чтобы добавить цифры, опять потребовался бы кастомный js код.

Поля ввода (инпуты) также пришлось кастомизировать вручную, так как в конструкторе недостаточно функционала. Забавно, что кнопку в форме обратной связи можно выровнять только по левой стороне и по центру. А по правой стороне, пожалуйста, выравнивайте через css.

Презентация

На основе дизайна лендинга довольно быстро собрали презентацию в «Фигме» и с помощью плагина сконвертировали её в редактируемый файл формата pptx.

Ася Королёва

— Создала полностью брендинг Guestlink, как говорится, с нуля и до запуска

— Впустила в проект жизнь, добавила теплоты и атмосферности

— Собрала концепцию лендинга и передала всё наработанное мне

— Помогала придерживаться заданного стиля, одобряла и забраковывала варианты макетов, указывала на ошибки и хвалила за успехи

Олеся Коломиец

— Превратила концепт в дизайн, пересобрав макет на Auto Layout'ах

— Сделала 5 адаптивов под «Тильду»

— Сверстала на «Тильде»

— Собрала презентацию

— Добавила физические носители и соцсети

— Задизайнила и написала кейс

More by Olessio Kotessio

View profile