Как разморозить страницу в ВКонтакте?
ВКонтакте — социальная сеть номер один в России. В ней зарегистрировано огромное количество пользователей. Несмотря на то, что соцсетью пользоваться невероятно просто, иногда с ней возникают проблемы. Вот вам пример: участник этого интернет-проекта заходит на свою страницу и вместо привычной стены с записями и собственным аватаром видит надпись «Мы обнаружили на странице подозрительную активность и временно заморозили её, чтобы вырвать из рук злоумышленников». Это означает, что аккаунт был заблокирован и его необходимо будет разблокировать. Как это сделать? Почему произошла заморозка? Давайте вместе искать ответы на эти непростые вопросы.
Почему заморозили страницу?
Очень многие пользователи ВКонтакте задаются этим вопросом, ведь они ничего противоправного не совершали. Так в чем же дело? На самом деле ответ очень простой. Дело в том, что аккаунты участников социальных сетей крайне часто подвергаются хакерским атакам.
Если говорить более точнее, то к страничкам пытаются подобрать пароль и если это происходит успешно, попав на страницу пользователя злоумышленники начинают распространять вредоносные файлы и ссылки, в которых зачастую содержатся вирусы. Как только администрация проекта замечает подозрительную активность, то сразу же замораживает профиль.
Что бы такого не происходило, необходимо запомнить несколько простых правил. Во-первых, придумайте как можно более сложный пароль, что бы его невозможно было подобрать. Он должен состоять как минимум из 12 символов, причем обязан содержать цифры, буквы и специальные символы вида №;%? и так далее. Во-вторых, никогда и ни при каких условиях не сохраняйте пароли в браузерах, поскольку именно оттуда их легче всего украсть мошенникам при помощи простого вируса. И, конечно же, никогда не давайте доступ к страничке даже самым лучшим друзьям — это может плохо кончиться для вас.
Разморозка страницы
Что ж, друзья, мы искренне надеемся, что вы усвоили простые правила, о которых мы написали чуть выше.
Теперь же перейдем непосредственно к разморозке аккаунта. Делать это совсем не сложно. Зайдите на главную страницу проекта. Перед собой вы увидите табличку с надписью «Восстановление доступа к странице». Если ничего не получилось, то просто пройдите по этой ссылке vk.com/restore.
Первое, что необходимо ввести, это телефонный номер, логин или адрес электронного ящика, на который была зарегистрирована страничка. Вводите что-то одно, вписываете в появившееся окошко каптчу.
Вы видите свой аккаунт. Если это он, то подтверждаете это, нажав на кнопку «Да, это нужная страница».
Теперь необходимо дождаться, пока вам не придет специальный код. Если вы ранее ввели номер сотового, то код придет в СМС-сообщение, а если почту, то придется проверить почтовый ящик — туда должна придти ссылка для восстановление доступа. Иногда код или сообщение может придти с небольшой задержкой, будьте к этому готовы.
Собственно, вот и весь процесс.
Как видите, ничего сложного в этом нет.
Если код не приходит в течении часа, то проблема кроется в чем-то другом. Но в чем именно? Возьмите любой известный вам анонимайзер и попробуйте зайти на свою страничку, не вводя логин и пароль. Если она не заморожена, то на вашем компьютере с 99%-ной вероятностью находится вирус, от которого необходимо избавиться. Этот вирус изменяет файл hosts, расположенный вашей операционной системе и перенаправляет вас на совершенно иной ресурс, который только выглядит, как ВКонтакте.
Вдаваться в подробности мы не будем, однако заметим, что найти этот вирус подчас невозможно даже с помощью антивирусного ПО. Поэтому мы предлагаем вам простое решение. Скачайте на официальном сайте утилиту Dr.Web CureIt!, которая сканирует систему на предмет вредоносных файлов и автоматически изменяет файл hosts на оригинальный. Просто запустите утилиту и нажмите старт. Спустя некоторое время (сканирование может занимать от нескольких минут до нескольких часов) вы сможете зайти в ВКонтакте.
И еще одно — если вас просят отправить СМС или ввести номер своего мобильного телефона, знайте, что вас хотят обмануть. Даже если вы пошлете сообщение, страница не будет разморожена, а вы лишитесь денежных средств на своем счету.
Как узнать, кто заходит на страницу ВКонтакте: все способы
8 марта
Мария Иванова
Согласно службе поддержки сайта, «ВКонтакте» не предлагает и никогда не предлагал пользователям возможность узнать, кто именно просматривал их страницу. Такой функции нет ни в браузерной версии социальной сети, ни в официальном мобильном приложении. Но, на практике, это не совсем так: способы есть, просто не все из них можно считать на сто процентов точными и/или безопасными. Ниже мы расскажем о рабочих методах.
Фото: ТАССТАСС
Отслеживание просмотров в разделе «Истории»
Видео дня
«ВКонтакте» автоматически фиксирует всех пользователей, посмотревших ваши ролики в разделе «Истории». Для того, чтобы получить полный список зрителей/гостей, откройте историю и нажмите на иконку в виде глаза: социальная сеть покажет, кто посмотрел ролик и поставил лайк.
Но имейте в виду, что эта функция доступна только в течение суток — то есть, пока выложенный ролик не пропал из новостной ленты. По прошествии 24 часов вы потеряете возможность отслеживать пользователей через «Истории».
Предупреждаем: для того, чтобы смотреть чужие истории, необязательно заходить на страницу пользователя. Поэтому данный метод нельзя назвать безошибочным.
Статистика лайков и комментариев на странице
Этот способ поможет владельцам сравнительно небольших страниц. Откройте любой пост и нажмите на цифру, обозначающую количество лайков: «ВКонтакте» выдаст достаточно подробную статистику о том, кому понравилась запись. Лайки от друзей будут отмечены в отдельной вкладке — соответственно, люди вне вашего списка друзей были гостями. Но, опять же, помните о том, что информация может быть обманчивой: например, кто-то мог наткнуться на ваш пост через рекомендации и просто поставить лайк, не заходя на саму страницу.
Приложение «Мои гости»
В «ВКонтакте» уже долгое время существует приложение «Мои гости», созданное специально для отслеживания новых посетителей на странице.
Оно генерирует специальную ссылку, которую пользователь, по задумке, оставляет в своем статусе или графе «сайт» в личной информации. Если кто-то из гостей страницы перейдет по ссылке, приложение зафиксирует его визит. Но ключевое слово здесь — «если». Даже самые базовые правила информационной безопасности не рекомендуют кликать по случайным ссылкам где бы то ни было, особенно в социальных сетях.
Сторонние приложения для мобильных телефонов
Наконец, в магазинах Google Play и App Store можно найти много мобильных клиентов, которые собирают подробную статистику о страницах «ВКонтакте», в том числе и о гостях. Некоторые из них бесплатны, другие предлагают избавиться от рекламных баннеров при покупке платной подписки.
Среди самых популярных вариантов можно отметить Hugly и «Реальные Гости Вк». Прежде чем ставить одно из подобных приложений на свой телефон, тщательно проверьте отзывы других пользователей: высокий рейтинг или сам факт пребывания в официальном магазине не гарантирует, что приложение не разработано мошенниками.
Наука и техника,Google,
8 лучших практик для разработки полезной страницы контактов
Рецепт веб-сайта в 1995 году: возьмите одну серую страницу, добавьте счетчик посетителей, украсьте радужными горизонтальными линиями, вставьте плохо анимированного строителя, добавьте страницу «Свяжитесь с нами» и привяжите заполненную страницу к своему веб-кольцу.
Запутались? Представьте себе цифровой дом смеха, где яркие цвета, мигающие огни и Comic Sans одновременно соревнуются за ваше внимание.
В 2016 году наш дизайн плоский, мы прячем счетчики посетителей и сохраняем анимацию для гифок, которыми делимся в чате Slack. Тем не менее, страница «свяжитесь с нами» по-прежнему является неотъемлемой частью архитектуры каждого веб-сайта. Для этого есть причина: хорошо спроектированная страница контактов направляет людей к нужным им ответам и помогает им более эффективно задавать свои вопросы, значительно улучшая их опыт на вашем сайте.
Но что представляет собой «хорошо спроектированная» страница контактов и как узнать, правильно ли вы ее понимаете? Некоторые из них основаны на методе проб и ошибок в сочетании с аналитикой таких инструментов, как Crazy Egg, которые позволяют визуализировать поведение пользователей на вашем сайте.
Но есть лучшие практики, продемонстрированные успешными SaaS-компаниями, которые помогут вам улучшить вашу контактную страницу. Изучив 13 веб-сайтов SaaS-компаний, я определил 8 принципов дизайна, которые делают страницу контактов эффективной.
Попробуйте платформу поддержки клиентов, которая понравится вашей команде и клиентам
Команды, использующие Help Scout, настраиваются за считанные минуты, в два раза продуктивнее и экономят до 80 % годовых расходов на поддержку. Начните бесплатную пробную версию, чтобы увидеть, что он может сделать для вас.
Попробуйте бесплатно
1. Помогите клиентам найти страницу
Большинство компаний SaaS, которые я рассмотрел, включают варианты поддержки клиентов (справка и база знаний) на своей странице контактов и ссылку на страницу контактов в верхнем или нижнем колонтитуле. Среди 13 приложений есть довольно равномерное распределение: половина в верхнем колонтитуле, а другая половина в нижнем колонтитуле (пара выбрала оба места).
Что следует использовать? Заголовок часто визуально более заметен, но исследования юзабилити показывают, что толстые блоки ссылок нижнего колонтитула также легко найти (и использовать).
Use common language
Though contact page names varied between companies, these are the 3 most widely used terms:
“Support”
HubSpot
Basecamp
Zapier
«Помощь»
WordPress.com
Помогающий разведчик
«Свяжитесь с нами»
Slack 0003
Campaign Monitor
Hootsuite
Squarespace покрывает все базы, используя «Свяжитесь с нами» и «Справка и поддержка». Mixpanel напрямую ссылается на свою страницу поддержки, но они используют «Документацию» в качестве ссылки для навигации.
Freshbooks и Salesforce показывают номер телефона на видном месте в шапке навигации и делают его интерактивной ссылкой на свои контакты.
Понятно, что они выбирают поддержку по телефону в качестве основного выбора (дизайнерское решение, о котором я расскажу позже в этом списке).
Любой из этих терминов будет узнаваем для ваших клиентов, если вы сделаете их легкими для поиска и выберете фразу, которая не слишком похожа на другие ссылки в вашей навигации. Например, использование «контакта» и «помощи» для разных страниц добавляет еще одну точку принятия решения, которая может расстроить того, кому нужно поговорить со службой поддержки.
Вывод: Не заставляйте людей искать вашу контактную страницу — придерживайтесь стандартного местоположения.
2. Сделайте свою команду обслуживания клиентов гуманнее
Клиенты, которым нужна помощь, часто испытывают стресс и разочарование, когда они могут общаться с вами только через текстовые чаты или электронные письма. Им легко почувствовать себя неважными или проигнорированными. За свою карьеру я слышал версии «Я хочу поговорить с реальным человеком, а не с роботом!» от клиентов много раз.
Исследования показывают, что наш мозг точно настроен на распознавание лиц, а присутствие других людей способствует более тесному сотрудничеству (даже просто плакат с изображением лица имеет такой эффект).
Help Scout, Campaign Monitor и Zapier размещают фотографии своих реальных агентов поддержки на своих контактных страницах. Basecamp использует забавные иллюстрированные портреты. Показывая, что на другой стороне страницы есть настоящие люди, — это простой способ заставить ваших клиентов чувствовать себя более уверенными в том, что им помогут, что, в свою очередь, может сделать их более расслабленными и вежливыми в общении.
Вывод: Используйте лица на своей странице контактов, чтобы улучшить взаимодействие с клиентами.
3. Адаптируйте страницу к ситуации
Не существует единого идеального дизайна страницы контактов, потому что каждому клиенту нужна помощь в чем-то своем, а информация, которую вы хотите ему предоставить, может меняться со временем.
Чтобы решить эту проблему, некоторые компании используют «адаптивные» контактные страницы, которые учитывают более уникальные запросы клиентов.
Страница контактов Zapier предлагает посетителю начать с классификации своей проблемы, а затем использует этот выбор, чтобы отобразить одну из нескольких различных форм с запросом более подробной информации.
Страница контактов Campaign Monitor следует модели, основанной на времени:
Во время перерыва в работе службы на странице появляется заметное оповещение, указывающее людям на страницу их состояния для получения дополнительной информации и обновлений.
В зависимости от времени посещения страницы вы увидите имена и фотографии сотрудников службы поддержки, работающих в это время.
По выходным (когда зона поддержки ниже) клиенты могут выбрать срочность своей проблемы, что помогает небольшим командам расставлять приоритеты в своей очереди.
Клиенты, вошедшие в систему, увидят номер телефона, если их план включает поддержку по телефону.
Вывод: Адаптивные страницы контактов экономят время и нервируют ваших клиентов.
4. Централизованное размещение контактов
Freshbooks — отличный пример объединения всех вариантов контактов в одном месте. Нужна ли клиентам техническая помощь, обновления по текущему вопросу или связь с прессой, все это доступно на одной странице.
Несмотря на то, что некоторые компании проводят различие между базами знаний самообслуживания и активной поддержкой, перекрестное связывание всех ваших вариантов контактов, как минимум, помогает людям легче найти путь к решению.
Большинство страниц, которые я просмотрел, связаны с часто задаваемыми вопросами и документацией с их контактных страниц. Hootsuite, HubSpot и Basecamp добавили каналы социальной поддержки в качестве опции. Рассмотрите возможность добавления ссылок на форум сообщества клиентов, предварительно записанные видеоролики или варианты обучения.
Вывод: Используйте свою контактную страницу в качестве центра для всех ваших платформ поддержки, а не только электронной почты.
5. Используйте дизайн, чтобы направлять людей к определенным каналам
Наилучший вариант поддержки для каждого клиента зависит от того, кто они, каков их вопрос и какие ресурсы есть у компании, чтобы помочь им. Например, клиенту, которому необходимо сбросить свой пароль, лучше воспользоваться простым справочным документом, чем потенциально часами ждать ответа по электронной почте с той же информацией в нем.
Ваша служба поддержки предлагает гораздо больше пользы для ваших клиентов, помогая им понять, как использовать новую функцию, чем сообщая им, где находится сброс пароля. Продуманный дизайн направит клиентов по соответствующему каналу для получения наиболее эффективной помощи, тем самым сэкономив время вашей службы поддержки для решения более серьезных проблем.
Дизайн контактной страницы Basecamp предлагает клиентам выполнить три шага:
Хотя Basecamp не навязывает этот порядок, он дает четкое руководство о том, как наиболее эффективно получить помощь.
Mixpanel идет дальше — их главная страница справки отправляет людей на форум сообщества за помощью, а затем на видном месте представлена документация и учебные ресурсы. Чтобы отправить им прямое электронное письмо, вам нужно найти их адрес в нижнем колонтитуле.
В Freshbooks ясно, что поддержка по телефону является приоритетом. Копия начинается словами: «Пожалуйста, позвоните по одному из наших бесплатных номеров, указанных ниже, или напишите FreshBooks, используя контактную форму ниже».
Squarespace просит своих клиентов сначала классифицировать свой вопрос, а затем они представляют вероятные ответы из базы знаний, прежде чем предлагать варианты связи по электронной почте и в чате.
Вывод: Дизайн вашей страницы контактов влияет на то, как и куда люди обращаются за поддержкой — будьте преднамеренными!
6. Структурируйте входящие вопросы
Великолепные контактные страницы проходят тонкую грань между тем, чтобы заставить клиента выполнить работу заранее, и тем, чтобы сэкономить ему время в целом.
«Среднее количество ответов до завершения разговора» — это ценный показатель обслуживания клиентов для вашей службы поддержки. Но когда первоначальный вопрос клиента неясен или не содержит достаточно информации для ответа на вопрос, это среднее значение падает. (Мне бы не хотелось узнать, сколько ответов в службу поддержки, которые я отправил лично, сводились к «Не могли бы вы сказать мне, о какой учетной записи вы говорите?») 9.0003
Добавление дополнительных полей и указаний в контактные формы поможет вам сделать следующее:
Автоматически направлять различные запросы соответствующим группам. Например, вы можете отправить потенциальных клиентов в отдел продаж, соискателей — в отдел кадров, а службу поддержки — в отдел обслуживания клиентов.
Показать соответствующие ответы на часто задаваемые вопросы и варианты поддержки. Как показано выше, Squarespace сужает результаты своей базы знаний в соответствии с параметрами, которые вы выбрали для описания своего вопроса.
Предоставить агенту поддержки инструменты и историю аккаунта. Если клиент может сообщить вам учетную запись, в которую он входит, или название своей компании, вы часто можете предоставить своей группе поддержки доступ к внутренним инструментам и данным, чтобы помочь им ответить гораздо быстрее.
Сообщите свою отчетность. Предоставление клиентам возможности самостоятельно классифицировать свои вопросы по областям продукта, типу проблемы и т. д. дает вашей команде отличное представление о том, откуда возникают ваши основные проблемы поддержки и, возможно, на чем должны сосредоточиться группы разработчиков продукта.
Для некоторых видов поддержки предложение клиентам прикрепить файл или снимок экрана вместе с вопросом может значительно сократить беседу. Контактная форма Basecamp включает возможность вложения файла прямо перед собой.
Вывод: Правильная структура страницы контактов может сэкономить время и нервы вам и вашим клиентам.
7. Установите ожидаемое время отклика
Как однажды сказал Том Петти: «Ожидание — самая трудная часть». Если вы не предлагаете поддержку в режиме реального времени, давая клиентам представление о том, как долго они должны ждать, это позволяет им решить, как действовать дальше, и укрепляет их уверенность в том, что они получат ответ.
Freshbooks отмечает часы работы и услужливо указывает текущее время в офисе.
Basecamp говорит: «Ожидайте ответа с 8:00 CST до 18:30 CST с понедельника по пятницу».
Campaign Monitor указывает время ответа по электронной почте «несколько часов» (но меняет страницу в выходные дни, когда время ответа увеличивается).
Если им говорят, что ответы по электронной почте могут занять день, клиент может решить попробовать варианты самообслуживания и в конечном итоге решить проблему самостоятельно. В качестве альтернативы, если время ожидания приемлемо, они могут перейти к другим задачам, зная, что ответ уже в пути.
Вывод: Не заставляйте клиентов угадывать, как долго они будут ждать ответа — укажите временные рамки на странице контактов.
8. Позвольте клиентам рассказать вам о своих чувствах
Одним из лучших навыков обслуживания клиентов является умение читать клиентов и действительно слушать их. При предоставлении поддержки по электронной почте это может быть очень сложно. Кевин Хейл, соучредитель исследовательской компании Wufoo, хотел лучше общаться со своими клиентами и решил напрямую спросить их об их эмоциональном состоянии.
Предоставление клиентам возможности поделиться своим эмоциональным состоянием — отличный показатель для группы поддержки того, как подходить к их ответу, но это также может позволить расстроенным клиентам высказаться до того, как они поговорят с вашей командой.
В WordPress.com они тестируют аналогичный вариант для своих зарегистрированных клиентов.
Конечно, как только вы зададите вопрос, у ваших клиентов будут основания полагать, что вы сделаете что-то полезное с этой информацией, так что будьте готовы ответить!
Еда на вынос: Если вы спросите у клиентов, что они думают, это поможет вам улучшить обслуживание.
Вопросы, которые помогут вам создать собственную контактную страницу
Правильная контактная страница для WordPress.com или Basecamp не обязательно является подходящей страницей для вас и ваших клиентов. Я привел вам несколько примеров для обучения, но никто не знает потребности ваших клиентов лучше, чем ваша собственная служба поддержки.
Думая о своей странице контактов, задайте себе следующие вопросы:
Как мы можем направить клиентов по соответствующим каналам?
Можем ли мы обеспечить одинаковое качество поддержки по всем нашим каналам?
Что мы можем сделать, чтобы сформировать ожидания клиентов и завоевать их доверие еще до того, как они поговорят с нами?
Когда вы направляете своих клиентов к своей базе знаний, вы хотите, чтобы у них был отличный опыт самообслуживания. Прочтите плейлист из нашей базы знаний, где вы найдете множество советов и примеров, которые помогут вам воплотить задуманное в жизнь.
14 современных примеров страницы «Свяжитесь с нами», которые делают все правильно
Дизайн, пользовательский интерфейс, UX, вдохновение
Последние страницы контактов в дикой природе
Страница контактов является одной из наиболее посещаемых страниц и поэтому должна иметь высокий приоритет . В конце концов, это страница, с которой начинается ваше взаимодействие с потенциальными клиентами и партнерами, поэтому ее должно быть легко найти в любое время, она должна быть функциональной и содержать нужную информацию 9.0270 . Имея это в виду, сегодня мы рассмотрим 14 современных реальных примеров страниц «Свяжитесь с нами» со всего Интернета и посмотрим, как они делают это правильно.
1. Вероятная история: Полная страница «Свяжитесь с нами» CTA
Мы начнем примеры страницы «Свяжитесь с нами» с довольно современного забавного веб-сайта, полного взаимодействия с пользовательским интерфейсом, красивых 3D-иллюстраций и очень визуального интерактивного опыта.
Вы можете легко найти контактную страницу в навигации и наслаждаться желтым полноэкранным режимом с большим призывом к действию, на который можно нажать. Он перенаправит вас на выбранный вами почтовый клиент, чтобы отправить сообщение.
- Тема: Портфолио цифровой студии
- Достоинства дизайна: Прокрутка текстовых сообщений на странице контактов; большой заголовок CTA; перенаправляет на ваш основной почтовый клиент.
- Страна: Великобритания
- Дизайн: Вероятная история
2. Wildcatter: анимация обратного отсчета до контактной информации
Здесь у нас есть контактная страница, которая поражает вас. Wildcatter предлагает небольшую забавную анимацию предварительного загрузчика, которая ведет к контактной информации.
- Тема: Творческая студия и производственная компания
- Преимущества дизайна: Забавная анимация обратного отсчета пользовательского интерфейса; памятное сообщение; микрофотокопия.
- Страна: Испания
- Дизайн: Mubien
Посетите вебсайт
3. Keep Garding: интерактивный дизайн страницы «Свяжитесь с нами»
Keep Gardening создает интерактивный интерфейс, формируя контактную форму в виде страницы живого чата с точкой ввода. Это создает более непринужденную атмосферу и выглядит привлекательно, и все готово, все, что вам нужно сделать, это ввести свое сообщение и нажать «Отправить».
- Тема: Студия постпродакшна цветокоррекции
- Преимущества дизайна: Имитирует живой чат; чистый и интерактивный; это не похоже на форму, которая делает ее более быстрой и удобной.
- Страна: Франция
- Дизайн: Франсуа-Ксавье Мансо
Посетите вебсайт
4. Aquerone: минималистичная контактная страница с отличной типографикой
Интересно, что этот экспериментальный веб-сайт, посвященный образу жизни CBD, выбирает чистый подход к дизайну, а не становится предсказуемым с психоделическим дизайном.
На странице контактов много свободного места, красивая типографика, приятная цветовая гамма и удобная структура. Вы можете отправить сообщение, посетить социальные профили или перейти к FAQ.
- Тема:
- Достоинства дизайна: Простота и удобство навигации; большой призыв к действию, красивая типографика.
- Страна: Нидерланды
- Дизайнер: Никколо Миранда
Посетите вебсайт
5. Lemkus: Clean Macro Contact Page
Дизайн макросов с блоками — один из самых удобных с точки зрения структуры макетов. В этом случае Lemkus поместил CTA огромными жирными буквами и предлагает четыре контактных поля, которые позволяют вам найти контактную информацию, которую вы ищете, с первого взгляда.
- Тема: Интернет-магазин розничной торговли кроссовками и одеждой в Южной Африке
- Достоинства дизайна: Удобная компоновка; хорошо структурирована и легко мгновенно найти конкретную контактную информацию; большой призыв к действию; контраст.
- Страна: Южная Африка
- Дизайн: Dash Digital
Посетите вебсайт
6. Fuente Real: красивая чистая страница контактной формы с параллаксом
Сайты бронирования бутик-отелей обычно делают ставку на чистый, со вкусом оформленный дизайн с нейтральными цветами и красивой типографикой. Это также относится к Fuerte Real, однако они также добавили классный эффект параллакса для фонового рисунка, который будет сопровождать вас, пока вы заполняете контактную форму.
- Тема: Аренда бутик-квартир
- Дизайн Преимущества: большая хорошо структурированная контактная форма; чистый дизайн; нейтральные цвета с высокой контрастностью; хороший эффект параллакса
- Страна: Испания
- Дизайн: Mubien
7.
Мошенник: контактная страница с типографикой и цветовыми акцентамиКак мы уже установили, броские заголовки отлично помогают сделать бренд запоминающимся. Итак, добро пожаловать в Fakersphere. Этот дизайн страницы «Свяжитесь с нами» включает в себя теплое запоминающееся приветственное сообщение, микрокопию контактной информации, красивую градиентную кнопку CTA и красивую анимацию декоративной типографики.
- Тема: Агентство цифрового маркетинга брендов
- Достоинства дизайна: Броское название; анимация декоративной типографики; микрофотокопия; легко заметить красочную кнопку CTA.
- Страна: Нидерланды
- Дизайн: Faker
Посетите вебсайт
8. K72: Зацикливание страницы контактов
Большой текст с призывом к действию — это круто, но знаете, что круче? Циклический текст призыва к действию. В этом случае k72 позволяет бесконечно прокручивать страницу контактов, повторяя один и тот же раздел снова и снова с небольшими изменениями в тексте CTA.
- Тема: Digital Agency
- Достоинства дизайна: Инновационная секция зацикливания с небольшими изменениями в тексте CTA; микрофотокопия.
- Страна: Канада
- Дизайнер: Локомотив
Посетите вебсайт
9. Kazuki Noda: анимация контактной электронной почты и раздел контактного поля
Переходя к следующему примеру страницы с контактами, этот содержит контактную информацию в двух разделах в нижней части главной страницы. Первый раздел предлагает анимированное движущееся электронное письмо, которое перенаправляет вас на ваш основной почтовый клиент, а статическая контактная информация находится в поле ниже.
- Тема: Дизайнер Арт-директор Сайт портфолио
- Достоинства конструкции: Коробчатая компоновка; анимация пользовательского интерфейса; чистый дизайн
- Страна: Япония
- Дизайнер: Казуки Нода
Посетите вебсайт
10.
Lewa House: наложение слайдов с контактными формамиЧто хорошо в этом примере, так это то, что вы не будете перенаправлены на страницу контактов. Веб-сайт позволяет вам получить доступ к контактным формам в любое время в навигации с наложенной страницей, которую вы можете открывать и закрывать, не прерывая просмотр. Он также имеет красивый стиль рваных страниц с прекрасной цветовой гаммой.
- Тема: Охрана дикой природы в Кении
- Достоинства дизайна: Наложение контактной страницы с физическим дизайном информационного бюллетеня и короткой контактной формой для запросов.
- Страна: Великобритания
- Дизайнер: Зеленый хамелеон
Посетите вебсайт
11. Dennis Snellenberg: FAQ Стиль Форма сообщения Контактная страница
Эта контактная страница разделена на два основных раздела. Хотя основная контактная информация указана справа, основное внимание на странице уделяется контактной форме, которая структурирована как раздел часто задаваемых вопросов.
В этом случае посетитель отвечает на вопросы, прежде чем нажать «Отправить».
- Тема: Портфолио внештатных дизайнеров и разработчиков
- Преимущества дизайна: Краткая контактная форма с примерами; хорошо структурированный
- Страна: Нидерланды
- Дизайнер: Деннис Снелленберг
Посетите вебсайт
12. Sennep: страница контактов с буквально человеческим прикосновением
- Тема: Сайт портфолио студии цифровых продуктов
- Преимущества дизайна: Креативная концепция; визуализация каламбура; анимация пользовательского интерфейса; микрокопия
- Страна: Великобритания
- Дизайн: Сеннеп
Посетите вебсайт
13.
Goliath Entertainment: Interactive Contact Email SectionНовый веб-сайт французской многоцелевой компании по организации мероприятий с забавным красочным мультяшным дизайном и подходящей анимированной контактной страницей. Здесь достаточно контраста и пустого пространства, поэтому яркие цвета и движущиеся тексты не будут мешать читабельности контактной информации.
- Тема: Компания по организации многоцелевых вечеринок
- Достоинства дизайна: Весело, но чисто; микрокопия
- Страна: Франция
- Дизайнер: Ronin161
Посетите вебсайт
14. The Badass Project: контактная форма в альтернативном стиле макросов с анимацией пользовательского интерфейса
Артисты заслуживают творческой презентации. Этот сайт принадлежит фотографам, специализирующимся на съемке свадеб, мероприятий и рекламных роликов, и определенно выделяется запоминающимся дизайном.
Последний из сегодняшних примеров страницы «Свяжитесь с нами» предлагает альтернативную полноэкранную форму и типографскую анимацию для кнопки «Отправить». Вы также заметите несколько деталей микроанимации, таких как глаз, который следует за мышью и время от времени моргает.
- Тема:
- Преимущества дизайна: Креативный дизайн; контраст; микро анимации.
- Страна: Испания
- Дизайн: Кучилло
Посетите вебсайт
В заключение
Надеюсь, вам понравились 14 последних примеров страницы «Контакты» и вы вдохновились на разработку следующего дизайна. Теперь давайте суммируем, что эти страницы контактов делают правильно:
- Легко найти: Вы можете мгновенно найти контактную страницу из главной навигации в любое время или найти ее в нижнем колонтитуле.
- Четко и лаконично: Текст должен быть кратким и содержать только самую важную информацию, которая поможет вашим пользователям связаться с вами. Все, что не по теме, может отвлечь.
- Личность: Сделайте свою контактную страницу частью своего дизайна. Используйте фирменные цвета, фирменный стиль и графику, а также добавьте микроанимацию.
- Вещи, которые нужно включить: В зависимости от вашего бизнеса вы обычно включаете номера телефонов, рабочее время, время ответа, адрес электронной почты, социальные сети и местоположение.
- Броский заголовок: В зависимости от тона и стиля вашего бренда вы можете разместить на своей странице что-то запоминающееся и отличительное.
- Используйте макет, чтобы направлять пользователей: Если вы указываете больше, чем просто адрес электронной почты или телефон, организуйте свою контактную информацию в разделах или столбцах, в зависимости от вашего макета.
