Получи случайную криптовалюту за регистрацию!

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

Логотип телеграм канала @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


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

2022-07-08 13:58:01
ФОРМУЛЫ ДЛЯ СОЗДАНИЯ ЛЕНДИНГА #этапысозданиясайта

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

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

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

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

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

ТРАФИК

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

КНОПКА

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Узнав, чем недовольны клиенты вашего конкурента, можно реализовать это в своем интерфейсе. Заказчик за это вам будет только благодарен.
69 viewsŦȺŦ'¥Ⱥ₦Ⱥ ️, edited  09:24
Открыть/Комментировать
2022-07-01 16:54:50
ПОЛЕЗНЫЕ ИНСТРУМЕНТЫ ДЛЯ 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
Открыть/Комментировать
2022-07-01 16:45:01
ПРОТОТИП – ЧТО ЭТО И ДЛЯ ЧЕГО НУЖЕН #этапысозданиясайта

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

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

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

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

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

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

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

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

Мокап нужен для того, чтобы определиться с конечным дизайном. На данном этапе начинается работа 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
Открыть/Комментировать
2022-06-26 11:30:33
СЕРВИСЫ ДЛЯ СОЗДАНИЯ ВАЙРФРЕЙМОВ #инструменты

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
Открыть/Комментировать