Фишки для сайтов: Веб-тюнинг. 10 фишек для брендовых сайтов

Веб-тюнинг. 10 фишек для брендовых сайтов

Подбирая материал для сегодняшнего поста, была крайне расстроена тем, сколь мало достойных сайтов среди украинских брендов. Если небольшим компаниям, в связи с экономией, простительно иметь скупые представительства в сети, то у брендов — бюджеты! Казалось бы, что есть чек на разработку сайта по сравнению с теми миллионами, которые они вкладывают в телевидение, печатную прессу и прочие традиционные рекламные носители?

В новом выпуске «Веб-тюнинга» мы собрали 10 фишек, которые обязательно стоит внедрить на брендовый сайт. Покажите себя во всей красе 🙂

1

Масштабность

Сайт бренда — это не то место, где можно размещать микроскопические картинки, иконки, или любые другие элементы. Вы ведь бренд, вот и размахнитесь на весь экран. Масштабность — это не только тренд веб-дизайна, но и необходимое правило в случае с брендовым сайтом. Разместите на сайте большие фотографии, используйте крупные шрифты — не стесняйте себя.

Например, мы использовали масштабность на сайте бренда Сreamoire:

Пример масштабности McDCafe:

2

Одностраничный сайт

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

Пример скроллинга на сайте «Мороша»:

Пример крутого параллакса на сайте Officeline:

3

Фоновый видеоряд

Разместите видео, как фоновый ряд, в первом экране главной страницы сайта. Наслаждайтесь 🙂 Важно, чтобы видео было качественным, в идеале, созданным специально для веб-страницы, а не просто ролик для телевизора.

Пример фонового видео на сайте «Хортиця»:

4

Прорисованные элементы

Концепция многих брендов позволяет использовать иллюстрации на сайте. Если вы среди числа тех, чье позиционирование не ограничивает «солидность», добавьте на свой сайт прорисованные элементы — это могут быть как иконки и другие детали, так и целые разделы с графикой.

Пример прорисованных элементов на сайте Jaffa:

 

5

Креативное меню

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

Пример нестандартного меню на сайте Geox:

6

Истории о бренде

Знаете ведь о сторителлинге ? Вот и применяйте его принципы при создании страницы с информацией о бренде. Скажите «нет» занудным шаблонам, вроде «наш бренд столько-то на рынке, он качественный и все его любят». Это никому не интересно. За каждым брендом стоит личность, которая его создала, стоит увлекательная история подвигов и промахов, поэтому смело расскажите о ней.

Пример интересной подачи информации о бренде на сайте Domestos:

7

Концептуальный копирайтинг

Тексты на вашем сайта должны отражать «душу» вашего бренда, его характер.

Уж поверьте, где люди и читают тексты, так это на брендовых сайтах. Пусть это будут короткие абзацы с убойным копирайтингом, а не длинные унылые простыни из никому не нужных букв.

Пример концептуального копирайтинга на сайте Domestos:

8

Интеграция активаций с социальными сетями

Наверняка у вас есть представительства в социальных сетях. Создавайте конкурсные активности, которые интегрированы с социальными сетями — это даст прирост подписчиков, а также повысит вовлеченность во взаимодействие с брендом.

Пример интеграции с социальными сетями от «Львовское»:

9

Элемент игры

На брендовых сайтах можно и нужно играть с посетителями. Это усилит эмоциональную привязку к бренду. Можно сделать как весь сайт в игровом формате, так и добавить отдельный игровой раздел.

Пример игрового сайта от Gallina Blanca:

10

«Эффект присутствия»

Сделайте так, чтобы посетителям сайта было интересно знакомиться с информацией о бренде. Для этого, нужно создать «эффект присутствия», будто пользователь не просто сайт смотрит, а является его частью. С помощью оригинальной концепции и ее реализации этого можно добиться.

Пример вовлечения пользователя на сайте «Голицынские вина»:

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

Веб-тюнинг. 10 фишек для персональных сайтов

Если вы известная личность или просто хотите рассказать миру о себе и своей деятельности — персональный сайт станет идеальным решением. Но как сделать так, чтобы ваш сайт выделялся на фоне остальных?

Вот вам 10 фишек для персональных сайтов. Смотрите и вдохновляйтесь.

1

Большая фоновая фотография с вашим изображением

Кого, как не себя любимого, разместить на главной странице сайта? На самом деле это разумное решение.

Заходя на сайт, посетители смогут познакомиться с его владельцем, узнать как он выглядит. Особенно этот вариант подойдет, если вы предоставляете различные услуги, такие как проведение фотосессий, съемок или ряд косметических процедур.

2

Прорисованные элементы

Дизайн персонального сайта — место для полета фантазии. Не ограничивайте себя в вариантах подачи информации. Экспериментируйте с дизайнерскими решениями. Сайт в эскиз-стиле станет отличным вариантом.

3

Блочное меню с графическими иконками

Подайте информацию о себе и своих работах в виде блоков, открывая которые, пользователь сможет ознакомиться с нужной информацией. Но не делайте их банальными. Продумайте внешний вид, стилистика блоков должна совпадать с общей стилистикой всего сайта.

4

editable»>Личный блог

Вести свой блог — правильное решение. И персональный сайт не исключение. Блог добавит жизни вашему сайту, и поможет усилить коммуникацию между вами и посетителями. Обязательно добавьте возможность оставлять комментарии под каждой статьей. И да, следите за обновлениями.

5

Одностраничный компактный сайт

Ваш сайт может быть и одностраничным. Все зависит от того, как вы подадите материал.

6

Фоновое видео

Видео — это всегда красивый и наглядный способ рассказать о себе без лишних слов. Пусть это будет видео, которое покажет вас в деле: как вы фотографируете, как пишете, как готовите. В общем, оно должно рассказать за вас о вашей деятельности.

 

7

Сайт в стиле beauty

Эта фишка скорее относится к женским персональным сайтам. Если вы специалист в области красоты, и хотите делиться с пользователями секретами и фишками в этой сфере —

оформите сайт в стиле beauty.

8

Анимированный сайт с Flash-элементами

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

9

Личные цитаты и высказывания

Если вы известная личность и хотите делиться своими мыслями с большой аудиторией — выкладывайте свои цитаты и высказывания.

Это позволит людям понять ваш взгляд на жизнь.

Как раз такая фишка есть на сайте Евгения Черняка (главы наблюдательного совета холдинга Global Spirits).

10

editable»>Галерея

Для публичных людей просто необходимо создать блок с галереей. Загрузите туда фотографии, связанные с вашей деятельностью и  фото из личного архива. Также туда можно поместить видео.

Пример: сайт Геннадия Кернеса, разработанный компанией Artjoker:

 

В следующий четверг ждите фишки для сайтов алкогольной тематики.

Технология чипов NFC стала проще: TAP Tag Technologies

T.A.P. расшифровывается как Targeted Action Platform. КРАН. Метки представляют собой небольшой элемент с поддержкой чипа NFC (например, цепочку для ключей или наклейку), который может отображать ВАШЕ пользовательское сообщение на телефонах ваших клиентов простым касанием их смартфона с поддержкой NFC.

NFC означает связь в ближнем поле. Чипы NFC позволяют двум электронным устройствам обмениваться данными. Используя ту же технологию, которая становится обычным явлением в кредитных картах, T. A.P. Метки содержат первоклассные чипы NFC, которые облегчают связь между меткой и смартфоном с поддержкой NFC.

Как T.A.P. Теги Помочь моему бизнесу?

Отображение информации

Общайтесь со своими клиентами прямо на их смартфонах с поддержкой NFC! КРАН. Теги можно запрограммировать для отображения вашего веб-сайта, цифровой визитной карточки или контактной информации. Поскольку Т.А.П. Теги можно запрограммировать на открытие практически любого URL-адреса, информация, которую вы хотите отображать, полностью зависит от вас.

Принять меры

Простым касанием смартфона с поддержкой NFC T.A.P. Теги могут запускать запрограммированное действие. Будь то отправка электронной почты или использование вашими сотрудниками T.A.P. Отметьте, чтобы отсчитывать время, действия, которые T.A.P. Теги могут срабатывать практически без ограничений.

Расширенный маркетинг

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

ИСПОЛЬЗУЙТЕ СОВРЕМЕННУЮ ТЕХНОЛОГИЮ ЧИПОВ NFC В МАРКЕТИНГОВОЙ ДЕЯТЕЛЬНОСТИ

Tap Tags можно запрограммировать на:

• Откройте URL-адрес любого веб-сайта

• Отображение цифровых визитных карточек

• Отображение контактной информации

• Направлять клиентов в профили в социальных сетях

• Получайте листы недвижимости и информацию непосредственно от нашего партнера RealTimeRental Vacation Rental Software.

Приложения для T.A.P. Теги

МАЛЫЙ БИЗНЕС

Сохраняйте интерес клиентов даже в нерабочее время или когда ваш бизнес закрыт.

Подробнее

ОТДЫХ

Подарите своим гостям веселые и интерактивные впечатления на их смартфонах с поддержкой NFC.

Подробнее

НЕДВИЖИМОСТЬ

Оставайтесь конкурентоспособными в современной индустрии недвижимости, предприняв шаги, чтобы стать мобильным.

Подробнее

МАРКЕТИНГ

Уникальный способ продвигать свой бренд с помощью современной технологии чипов NFC.

Подробнее

Хотите узнать больше?

Связаться с нами

Как запрограммировать NFC-чип

Вот как запрограммировать Tap Tag за 7 простых шагов, что в общей сложности займет около 45 секунд. NFC Tools — это бесплатное приложение в магазинах приложений Apple и Android, доступное для всех.

App Store           Google Play Store

Наш первый шаг – скачать бесплатно  «Инструменты NFC»  и открыть его. Легкий peasy, следующий шаг.

После открытия приложения вы увидите эту домашнюю страницу. Нажмите «Записать» , чтобы перейти к следующему шагу.

Здесь вы увидите страницу с тремя вариантами. Щелкните первый параметр «Добавить запись» , чтобы перейти к четвертому шагу.

Этот шаг знакомит вас с множеством вариантов кодирования вашего Tap Tag. Рекомендуемый вариант – 9.0079 «Пользовательский URL/URI», так как это единственный вариант, который будет работать со ВСЕМИ смартфонами.  Перейдите к следующему шагу.

ПРИМЕЧАНИЕ** Другие параметры не работают на всех телефонах . Используйте ТОЛЬКО «Пользовательский URL», чтобы гарантировать, что ваш Tap Tag будет работать везде. Не используйте опцию контакта**
Если вы хотите создать работающую карточку контакта, сначала выполните Эти шаги .

После нажатия «Пользовательский URL/URI» приложение перенаправит вас на эту страницу. Просто скопируйте/вставьте свою веб-ссылку С https:// . Нажмите «ОК» в правом верхнем углу, когда закончите. Будьте осторожны, чтобы случайно не добавить пробел до или после ссылки при копировании/вставке, так как это вызовет ошибку.

Side Note:  На этой странице вы можете добавить любую ссылку, по которой работает весь Интернет. Вот несколько примеров…

Любой веб-сайт, Instagram, дерево ссылок, SoundCloud, видео/канал Youtube, Venmo, PayPal, ссылка на фото/альбом, LinkedIn, Tik Tok, Pinterest, меню ресторана, список можно продолжить!

После нажатия «ОК» вы вернетесь на эту страницу, на этот раз будет добавлен ваш собственный URL. Вы также заметите, что приложение сообщает вам, сколько места занимает ваша ссылка, в данном случае 16 байт. Он должен быть меньше 256 байт.

**ПРИМЕЧАНИЕ. Смартфоны понимают только одну ссылку, добавление нескольких элементов здесь не работает. Чтобы получить максимальную отдачу от вашего тега NFC, вы можете создать бесплатную персональную целевую страницу , содержащую бесконечные ссылки или карточку контакта.

Нажмите «Запись» , чтобы получить сообщение NFC «Готово к сканированию»

Теперь ваш смартфон ищет метку NFC для кодирования. Для iPhone держите верхнюю центральную часть телефона в пределах 1 дюйма от Tap Tag, пока это сообщение отображается (как показано на рисунке).

Для Android поместите заднюю часть телефона посередине на метку Tap. Ваш смартфон издаст звук и/или завибрирует, когда ваша метка NFC будет официально закодирована, что занимает менее одной секунды. Если вы получите красный восклицательный знак, просто попробуйте еще раз.

Эта галочка означает, что ваш NFC-чип запрограммирован! Вот и все! Ты сделал это! Вы можете протестировать Tap Tag, поднеся смартфон к нему. Ваш телефон должен автоматически получать закодированную информацию через выпадающее уведомление. Вам не нужно приложение для чтения Tap Tag, любой телефон , совместимый с , будет читать тег в пределах 3 дюймов, пока экран включен. Смартфонам часто требуется 1-2 секунды для сканирования. Для некоторых телефонов Android может потребоваться включить NFC в настройках.

Если вы решите перепрограммировать другую ссылку в свой тег, просто повторите эти шаги, чтобы перезаписать предыдущую ссылку.

Пожалуйста, посетите наш часто задаваемые вопросы , если у вас возникнут какие-либо проблемы в пути.

Где разместить липкий чип Tap Tag NFC?

Смартфоны автоматически считывают теги при включении экрана. Не кладите метку на телефон рядом с зоной считывания NFC, иначе телефон будет считывать метку каждый раз, когда вы открываете телефон.

Для iPhone: Лучше всего приклеить бирку посередине или внизу на задней панели телефона. Считыватель NFC расположен в центре верхней и задней части вашего iPhone, поэтому идеально держать метку NFC подальше от нее при наклеивании.

Для Android: Большинство Android имеют считыватель NFC в середине задней части телефона. Прикрепите метку NFC сверху или снизу. Некоторые телефоны Android различаются, поэтому лучше проверить это, прежде чем снимать клейкую бирку.

Устранение неполадок

Ниже перечислены распространенные проблемы, которые могут возникнуть, в порядке их устранения. Программирование > Тестирование с телефоном > Куда направлен телефон закройте приложение, затем полностью закройте приложение в многозадачном режиме и повторите попытку. Это известная ошибка в NFC Tools.

Я получаю красный восклицательный знак, когда приближаюсь к чипу

 

Приложение не берет чип на шаге «Подход к NFC-метке». Он просто остается в сообщении, и я не получаю галочки или восклицательного знака.

• Убедитесь, что вы касаетесь соответствующей области телефона. iPhone постукивает по центру сверху. Android обычно нажимает в центре задней части телефона.
• Попробуйте снять чехол. Если в вашем корпусе есть металл, то он может мешать подключению к чипу
• Проверьте чип. На первой странице NFC Tools есть опция «Чтение». Нажмите на нее и коснитесь чипа, если он читает, проблема заключается в приложении или телефоне. Просто перезагрузите телефон и повторите попытку. Это известное решение этой проблемы. Если чип не читается с помощью этой опции, свяжитесь с нами
• Убедитесь, что ваш смартфон совместим с чтением/записью NFC

Тестирование с телефоном (После успешной галочки при программировании)

Мой телефон не подхватывает чип NFC самостоятельно

• Убедитесь, что вы нажимаете на нужное место на смартфоне. iPhone сканирует от центра вверху, андроиды обычно сканируют от центра сзади телефона.
iPhone
• обычно лучше всего работает с экрана блокировки перед открытием главного экрана. Поместите верхнюю центральную часть iPhone на чип и активируйте экран.
В Android
• есть возможность отключить nfc в настройках. Пожалуйста, убедитесь, что NFC включен. В айфонах такой настройки нет, NFC всегда включен.
• Попробуйте снять кейс. Если в вашем футляре есть металл, это может помешать сканированию.
• Убедитесь, что чип действительно запрограммирован информацией. Нажмите «Читать» на первой странице инструментов NFC, он будет сканировать на новую страницу, внизу в разделе «Запись» вы увидите, что запрограммировано на чипе. Если поля «запись» нет, то чип пустой. Следуйте инструкциям на этой странице, чтобы запрограммировать чип.
• iPhone X, 8, 7 и 6 имеют один дополнительный шаг для считывания чипов NFC. Откройте центр управления (потяните вниз справа вверху). В иконках внизу есть сбоку wifi-символ. Нажмите, чтобы прочитать NFC
• Убедитесь, что у вас есть смартфон , совместимый с , который может считывать NFC
.
• Сканирование может занять до 1 секунды. Обязательно держите чип в соответствующем месте в течение 1 полной секунды.
• Известная проблема: если вы случайно добавили пробел до или после ссылки при вставке в текстовое поле, чип будет успешно запрограммирован, но не будет сканировать при тестировании на вашем телефоне. Лучше всего перепрограммировать, выполнив те же шаги, и дважды проверить, нет ли пробелов в вашей ссылке
• Убедитесь, что запрограммированная вами ссылка содержит https:// или http://. Лучше всего перейти на реальный веб-сайт и скопировать ссылку прямо из браузера.

Мой чип запрограммирован и сканирует, но мне не нравится, куда он направляет

• Вы можете перепрограммировать чип на новый веб-сайт, выполнив те же действия, что и на этой странице. Повторное выполнение процесса перезаписывает предыдущее содержимое.
• Если чип по-прежнему ведет на веб-сайт Tap Tag, возможно, вы не выполнили программирование. Пожалуйста, повторите шаги программирования и убедитесь, что вы поставили галочку в конце процесса.