ВЕБ-ДИЗАЙН для начинающих

Логотип телеграм канала @al_chudo_al — ВЕБ-ДИЗАЙН для начинающих В
Логотип телеграм канала @al_chudo_al — ВЕБ-ДИЗАЙН для начинающих
Адрес канала: @al_chudo_al
Категории: Дизайн
Язык: Русский
Количество подписчиков: 415
Описание канала:

Канал для будущих дизайнеров. Здесь ты найдешь статьи, массу полезных ссылок на ресурсы для веб-дизайнеров. Узнаешь, как создать портфолио и где искать клиентов.
Заказать сайт➡️ @Alchu_do

Рейтинги и Отзывы

4.67

3 отзыва

Оценить канал al_chudo_al и оставить отзыв — могут только зарегестрированные пользователи. Все отзывы проходят модерацию.

5 звезд

2

4 звезд

1

3 звезд

0

2 звезд

0

1 звезд

0


Последние сообщения

10 июл 2022
https://t.me/Gk_Gdl
43 viewsŦȺŦ'¥Ⱥ₦Ⱥ ️, 11:33
Подробнее
Поделиться:
Открыть/Комментировать
10 июл 2022
СКОЛЬКО СТОЯТ ВАШИ УСЛУГИ?
#SEO #этапысозданиясайта #утп

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

ЦЕНЫ ДЕЛЯТСЯ НА 4 ТИПА:

1. Округленные (48)
2. Округленные с нулями (48,00)
3. Точные (48,12)
4. Привлекающие (99,9 или 46,95)

Второй тип не используйте никогда. Лишние нули будут пачкать оффер. С 1, 3 и 4 действует закон скорости восприятия. Круглая цена быстрее читается, точная – дольше.
49 viewsŦȺŦ'¥Ⱥ₦Ⱥ ️, edited  10:36
Подробнее
Поделиться:
Открыть/Комментировать
10 июл 2022
ЧЕМ ВЫ ОТЛИЧАЕТЕСЬ ОТ КОНКУРЕНТА?
#SEO #этапысозданиясайта #утп

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

Развернутый ответ оставьте для раздела О компании. В оффере разместите самое заметное конкурентное отличие.
33 viewsŦȺŦ'¥Ⱥ₦Ⱥ ️, edited  10:35
Подробнее
Поделиться:
Открыть/Комментировать
10 июл 2022
ПОЧЕМУ ЭТО МОЖЕТ ЗАИНТЕРЕСОВАТЬ КЛИЕНТА?
КАК ЭТО РЕШИТ ЕГО ЗАДАЧИ?
#SEO #этапысозданиясайта #утп

Усильте эффект – опишите ситуацию, в которой клиент узнает себя и решает свои задачи с помощью товара. Добавьте в оффер сценарий.

Внимание – Интерес – Желание – Действие

Любое рекламное обращение должно привлечь внимание потенциального потребителя, затем вызвать его интерес, который переходит в желание обладать товаром(услугой) и, наконец, побудить к действию – покупке.
19 viewsŦȺŦ'¥Ⱥ₦Ⱥ ️, edited  10:33
Подробнее
Поделиться:
Открыть/Комментировать
10 июл 2022
Не забудьте заключить заголовок в тег Н1.
#SEO

Он находиться на втором месте по важности в оптимизации SEO. На первом месте тег title, который подтягивается в качестве сниппета. Но если тег title отсутствует, то Google берет то, что заключено в Н1.


Оффер – это текст. Но тексту нужна поддержка. Когда вы написали заголовок и подзаголовок страницы сайта, найдите нужную иллюстрацию, фото, рисунки, видео.
10 viewsŦȺŦ'¥Ⱥ₦Ⱥ ️, edited  10:27
Подробнее
Поделиться:
Открыть/Комментировать
10 июл 2022
6. {Занимайся желаемым делом} без {неприятных эмоций} + {неожиданным способом}
Нпр. Путешествуй без ограничений, не бросая карьеру.

7. {Качество продукта} + {SEO фраза}, который {желанный результат}
Нпр. Необычные авторские чехлы для телефона, которые защитят ваш телефон от ударов.

8. {Действие} + {SEO фраза}, за {время}
Нпр. Создавайте профессиональные презентации за 30 минут.

9. [Обещание результата} за {время} + {дополнительное преимущество}
Нпр. Привезем, соберем и установим за один день. + Обработаем поверхность бесплатно.

10. Делаем + {качество продукта} + {продукт}, который {преимущество потребителя}
Нпр. Делаем доступные видеоролики для сайта, которые увеличивают продажи вашего бизнеса.
8 viewsŦȺŦ'¥Ⱥ₦Ⱥ ️, 10:24
Подробнее
Поделиться:
Открыть/Комментировать
10 июл 2022
10 ФОРМУЛ РАБОТЫ С ЗАГОЛОВКАМИ САЙТА
#SEO #этапысозданиясайта #утп

1. {Качество продукта} + {SEO-фраза}, созданный для {преимущество потребителя}
Нпр. Удобный конструктор писем, созданный для того, чтобы делать рассылки быстро и экономить время.

2. {Прилагательное} + {продукт, услуга} для {характеристика целевой аудитории}
Нпр. Дистанционный курс по HTML для девушек, мечтающих научиться программировать с нуля.

3. {Название продукта} – это {категория продукта}, который {работа, которую он выполняет лучше других}
Нпр. Yki – это приложение для заказа еды, которое находит выгодные предложения в радиусе одного километра.

4. {Уменьшите боль/проблему} + {неожиданным способом}
Нпр. Повышайте ваш доход, когда делаете покупки.

5. {Делай что-то} как {вдохновляющий пример} без {нежелательных последствий}
Нпр. Научись играть в теннис как звезда без изнуряющих тренировок.
8 viewsŦȺŦ'¥Ⱥ₦Ⱥ ️, edited  10:23
Подробнее
Поделиться:
Открыть/Комментировать
9 июл 2022
ФОРМУЛА 4U+K
#утп #SEO

«К» - ключевое слово, вшитое в заголовок для бесплатной SEO-оптимизации.

Чтобы решить, какое словосочетание сконвертирует вашу аудиторию и даст хороший поисковой трафик, проверьте слова и сочетания вашего заголовка тут
57 viewsŦȺŦ'¥Ⱥ₦Ⱥ ️, 05:25
Подробнее
Поделиться:
Открыть/Комментировать
9 июл 2022
МЕТОДИКА ХОРОШЕГО ЗАГОЛОВКА
#утп

ЧТО ВЫ ПРОДАЕТЕ?

ТЕХНИКА – 4U

1. Полезность
То, ради чего вы нужны клиенту. (Сэкономьте, улучшите, обезопасьте, накормите, порадуйте…) – Заголовок начинается с повелительного наклонения.

2. Уникальность
То, чем вы отличаетесь от конкурентов.

3. Прицельность
Выгода клиента, измеримая в цифрах или процентах.

4. Срочность
Ограничение во времени. (Купите со скидкой до 15…, используйте программу бесплатно 30 дней)
48 viewsŦȺŦ'¥Ⱥ₦Ⱥ ️, edited  05:16
Подробнее
Поделиться:
Открыть/Комментировать
9 июл 2022
КАК СОСТАВИТЬ ПРОДАЮЩИЙ ОФФЕР (УТП) ДЛЯ САЙТА
#этапысозданиясайта #утп

ОФФЕР (или уникальное торговое предложение) – это фраза, которая содержит суть вашего предложения и объяснение его выгоды для клиента.

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

Оффер на сайте существует в виде заголовка и подзаголовка.
32 viewsŦȺŦ'¥Ⱥ₦Ⱥ ️, edited  05:13
Подробнее
Поделиться:
Открыть/Комментировать
8 июл 2022
ФОРМУЛЫ ДЛЯ СОЗДАНИЯ ЛЕНДИНГА #этапысозданиясайта

Существуют классические формулы для построения лендинга:

Привлечь внимание, заинтересовать, вызвать желание, добиться действия.

Обозначить проблему, обострить проблему, показать надежду, предложить решение.

Эти формулы помогают построить каркас страницы, сценарий по которому пройдут пользователи. Сами эти формулы не плохи, но бывает так, что их бездумное использование выглядит навязчиво и наигранно.
19 viewsŦȺŦ'¥Ⱥ₦Ⱥ ️, edited  10:58
Подробнее
Поделиться:
Открыть/Комментировать
8 июл 2022
ЛЕНДИНГ #этапысозданиясайта

Классический сценарий лендинга – пришел, понял, сделал. Чтобы такой сценарий работал, важны два момента: ТРАФИК И КНОПКА.

ТРАФИК

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

КНОПКА

Лендинг последовательно подводит вас к конкретному действию. На обычном сайте достаточно, что вы что-то прочитали и запомнили. Для лендинга такой сценарий не работает. Нет кнопки – нет лендинга.

Трафик и кнопка – фундамент лендинга.
13 viewsŦȺŦ'¥Ⱥ₦Ⱥ ️, edited  10:48
Подробнее
Поделиться:
Открыть/Комментировать
7 июл 2022
ПРОДАЖА СВОИХ УСЛУГ

Методы ценообразования — видео, где автор четко и детально объясняет, как формируются цены на услуги. Дает конкретные схемы определения стоимости своих услуг, а не голая теория. Посмотрите.

Как продавать свои услуги — видео от того же автора. Рассказывает об одном лайфхаке, который поможет продавать свои услуги.
50 viewsŦȺŦ'¥Ⱥ₦Ⱥ ️, edited  11:29
Подробнее
Поделиться:
Открыть/Комментировать
7 июл 2022
4 НЕОБХОДИМЫХ НАВЫКА ДЛЯ ФРИЛАНСЕРА:

1> Продажа своих услуг

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

2> Самопрезентация

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

3> Переговоры или деловая переписка

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

4> Тайм-менеджмент

Думаю, тут не нужно никаких объяснений. Если не будете соблюдать дедлайн и приходить на встречи во время, то испортите не только впечатление и отношения с клиентом, но и карьеру.
47 viewsŦȺŦ'¥Ⱥ₦Ⱥ ️, edited  10:57
Подробнее
Поделиться:
Открыть/Комментировать
2 июл 2022
АНАЛИЗ КОНКУРЕНТОВ (2) #этапысозданиясайта

Перед тем, как приступить к способам конкурентного анализа, нужно разобраться, с чего вообще следует начать.

> Определение конкурента

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

> Определение целей пользователей

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

> Попробовать на себе

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

Если это онлайн-магазин, следите за тем, как поделены товары на категории и как это реализовано в дизайне. И т.д.
86 viewsŦȺŦ'¥Ⱥ₦Ⱥ ️, edited  09:29
Подробнее
Поделиться:
Открыть/Комментировать
2 июл 2022
АНАЛИЗ КОНКУРЕНТОВ #этапысозданиясайта

Для чего он нужен

/ Отличие вашего продукта от других

UX-анализ конкурента поможет понять, какие у вас есть преимущества перед конкурентами. И какие недостатки. Так вы поймёте, что стоит улучшить и чем привлекать аудиторию.

/ Кража крутых идей

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

Вы же у конкурентов можете подсмотреть удачные решения расположения элементов, идеи структуры и т.д.

/ Выявления слабых сторон

Узнав, чем недовольны клиенты вашего конкурента, можно реализовать это в своем интерфейсе. Заказчик за это вам будет только благодарен.
69 viewsŦȺŦ'¥Ⱥ₦Ⱥ ️, edited  09:24
Подробнее
Поделиться:
Открыть/Комментировать
1 июл 2022
ПОЛЕЗНЫЕ ИНСТРУМЕНТЫ ДЛЯ UX-ДИЗАЙНЕРА #инструменты

5 инструментов для создания прототипов:


> Figma.com — подойдет как для дизайна так и для создания интерактивных прототипов с базовыми анимациями

> InVision Studio (http://www.invisionapp.com/) — если вы работайте со Sketch, то это идеальный инструмент для создания простых click-dummy

> Axure RP (http://www.axure.com/) — очень подвинутый инструмент для интуитивного создания реалистичных прототипов со сложной логикой. Есть Интеграция с Figma, Sketch, AdobeXD.
71 viewsŦȺŦ'¥Ⱥ₦Ⱥ ️, edited  13:54
Подробнее
Поделиться:
Открыть/Комментировать
1 июл 2022
ПРОТОТИП – ЧТО ЭТО И ДЛЯ ЧЕГО НУЖЕН #этапысозданиясайта

Если вайрфрейм показывает структуру, а мокап внешний вид, то прототип — функционал проекта. То, как все будет работать.

Есть 3 типа прототипа:

1. Простой click-dummy

Макеты страниц, соединенные ссылками друг с другом. Собираются быстро и могут быть использованы для первых юзер-тестов.

2. Прототип с анимациями и интерактивными элементами

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

3. На основе макетов первый функциональный продукт с минимальными функциями.
56 viewsŦȺŦ'¥Ⱥ₦Ⱥ ️, edited  13:45
Подробнее
Поделиться:
Открыть/Комментировать
1 июл 2022
МОКАП – ЧТО ЭТО И ДЛЯ ЧЕГО НУЖЕН #этапысозданиясайта

Мокап — дизайн-концепция. Тут упор идет на визуальную часть. Его задача - показать, как продукт может выглядеть в контексте с конкретной цветовой гаммой, шрифтами и прочими визуальными элементами.

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

В чем делаются мокапы? Все в тех же графических приложениях в которых будет создаваться конечный дизайн: Figma, Sketch, Adobe XD, Illustrator...

Полезные ссылки:

Шаблоны девайсов для презентации мокапов:
https://www.free-mockup.com/downloads/category/ux-ui-mockups/

Девайсы для презентации мокапов в Figma:
https://www.figma.com/community/file/786708730400780813
28 viewsŦȺŦ'¥Ⱥ₦Ⱥ ️, edited  13:40
Подробнее
Поделиться:
Открыть/Комментировать
26 июн 2022
СЕРВИСЫ ДЛЯ СОЗДАНИЯ ВАЙРФРЕЙМОВ #инструменты

https://wireframe.cc — простенький онлайн сервис для рисования вайрфреймов

https://balsamiq.com — очень простой и легкий в освоении продукт, но не бесплатный

Figma.com — универсальный инструмент для веб-дизайнеров

Шаблоны


Figma Шаблон для быстрого создания простых вайрфеймов
https://www.figma.com/community/file/784448220678228461

Отличная библиотека для создания вайрфреймов в Figma
https://www.figma.com/community/file/887892609124245416

Шаблон для создания вайфреймов в Sketch
https://www.sketchappsources.com/free-source/1552-website-wireframe-template-sketch-freebie-resource.html

Когда концепт проработан в деталях, можно переходить к созданию более подробного плана и отрисовки детального вайрфрейма, который станет основой первого мокапа.
112 viewsedited  08:30
Подробнее
Поделиться:
Открыть/Комментировать