21

Как инвалиду стать профессионалом без работы и денег? Часть четырнадцатая. Сайт фотобудок, работа над рекламой, развитие как web дизайнера.

Тринадцатая часть здесь:


Как инвалиду стать профессионалом без работы и денег? Часть тринадцатая. Сайт о домашнем насилии, работа над еще одним, интересные заказы.


Добрый день всем!

(осторожно здесь тяжелые картинки!)


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


А так же сегодня я расскажу вам как работал над рекламой и какие бывают подводные камни и принципы создания рекламы.


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

Как инвалиду стать профессионалом без работы и денег? Часть четырнадцатая. Сайт фотобудок, работа над рекламой, развитие как web дизайнера. Дизайн, Веб-Дизайн, Обучение, Длиннопост, Работа, Фриланс, Работа мечты, Домашнее обучение, Инвалид

Итак начали.


Первое:


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

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


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


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


И сейчас я расскажу как я работал дальше с сайтом.


Первым делом я разработал прототип, который описывал максимально точно как информационное взаимодействие с посетителями, так и иллюстративное оформление, которое было призвано дополнить информацию.

Как инвалиду стать профессионалом без работы и денег? Часть четырнадцатая. Сайт фотобудок, работа над рекламой, развитие как web дизайнера. Дизайн, Веб-Дизайн, Обучение, Длиннопост, Работа, Фриланс, Работа мечты, Домашнее обучение, Инвалид
Как инвалиду стать профессионалом без работы и денег? Часть четырнадцатая. Сайт фотобудок, работа над рекламой, развитие как web дизайнера. Дизайн, Веб-Дизайн, Обучение, Длиннопост, Работа, Фриланс, Работа мечты, Домашнее обучение, Инвалид

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


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

https://wireframe.cc/SNQKRw


После чего мы начали собственно работу над сайтом.

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


Специально для вас я создал небольшие объясняющие презентации, почему, зачем и как.

Как инвалиду стать профессионалом без работы и денег? Часть четырнадцатая. Сайт фотобудок, работа над рекламой, развитие как web дизайнера. Дизайн, Веб-Дизайн, Обучение, Длиннопост, Работа, Фриланс, Работа мечты, Домашнее обучение, Инвалид
Как инвалиду стать профессионалом без работы и денег? Часть четырнадцатая. Сайт фотобудок, работа над рекламой, развитие как web дизайнера. Дизайн, Веб-Дизайн, Обучение, Длиннопост, Работа, Фриланс, Работа мечты, Домашнее обучение, Инвалид
Как инвалиду стать профессионалом без работы и денег? Часть четырнадцатая. Сайт фотобудок, работа над рекламой, развитие как web дизайнера. Дизайн, Веб-Дизайн, Обучение, Длиннопост, Работа, Фриланс, Работа мечты, Домашнее обучение, Инвалид

Как вы видите выше в картинках, основная задача состояла в том, чтобы иллюстрации не были бы масштабными, не занимали бы большую часть экрана, а органично бы вливались в саму структуру. Это была интересная задача.


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


И я постарался выразить это максимально схематично и одновременно, и иллюстративно.

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


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


https://www.behance.net/gallery/86081279/lending-dlja-fotobu...

Как инвалиду стать профессионалом без работы и денег? Часть четырнадцатая. Сайт фотобудок, работа над рекламой, развитие как web дизайнера. Дизайн, Веб-Дизайн, Обучение, Длиннопост, Работа, Фриланс, Работа мечты, Домашнее обучение, Инвалид

Надеюсь и вам тоже понравится.


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

Как инвалиду стать профессионалом без работы и денег? Часть четырнадцатая. Сайт фотобудок, работа над рекламой, развитие как web дизайнера. Дизайн, Веб-Дизайн, Обучение, Длиннопост, Работа, Фриланс, Работа мечты, Домашнее обучение, Инвалид
Как инвалиду стать профессионалом без работы и денег? Часть четырнадцатая. Сайт фотобудок, работа над рекламой, развитие как web дизайнера. Дизайн, Веб-Дизайн, Обучение, Длиннопост, Работа, Фриланс, Работа мечты, Домашнее обучение, Инвалид

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


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


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


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


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


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


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


Прикрепляю вам рекламу, которую я сделал для них.

Как инвалиду стать профессионалом без работы и денег? Часть четырнадцатая. Сайт фотобудок, работа над рекламой, развитие как web дизайнера. Дизайн, Веб-Дизайн, Обучение, Длиннопост, Работа, Фриланс, Работа мечты, Домашнее обучение, Инвалид

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


Это было сложно, но мне понравилось=)


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


Второе:


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


Ребята вы просто потрясающие, спасибо вам что рекомендуете меня и я постараюсь не обломать ваши ожидания и ваши рекомендации!


И сейчас я начинаю прорабатывать еще один сайт, посвященный автосервису. Вот серьезно, как часто вы видели классный дизайн у автосервиса? Я вот посмотрел в интернете и в российском и в иностранном сегменте и нигде не смог найти бы реально классный, интересный дизайн, который бы и одновременно был бы информативен и вместе с этим цеплял бы простотой и иллюстрациями.


И этот сайт я планирую сделать ЕЩЕ лучше, чем сделал этот, я планирую на этом сайте проработать двойную экспозицию, проработать еще лучше обтравку иллюстраций, научиться коллажировать внезапные интересные иллюстрации и самое важное, я для него планирую научиться работать в Adobe After Effects и создать для него действительно мозговыносящие классные анимированные карусели и иллюстрации.

Чем сложнее задача, тем быстрее ты растешь! =)


К слову гифки в самом начале поста были как раз созданы в нем. Правда классно получилось? А теперь представьте, как можно анимировать ваши товары или услуги. М-м-м-м конфетка.


И третье:


Господа кожевники я вас просто обожаю и люблю, откуда вы все беретесь и закидываете меня заказами?


Прикрепляю ниже примеры работы над логотипами для кожевников и визитными карточками.

Как инвалиду стать профессионалом без работы и денег? Часть четырнадцатая. Сайт фотобудок, работа над рекламой, развитие как web дизайнера. Дизайн, Веб-Дизайн, Обучение, Длиннопост, Работа, Фриланс, Работа мечты, Домашнее обучение, Инвалид
Как инвалиду стать профессионалом без работы и денег? Часть четырнадцатая. Сайт фотобудок, работа над рекламой, развитие как web дизайнера. Дизайн, Веб-Дизайн, Обучение, Длиннопост, Работа, Фриланс, Работа мечты, Домашнее обучение, Инвалид
Как инвалиду стать профессионалом без работы и денег? Часть четырнадцатая. Сайт фотобудок, работа над рекламой, развитие как web дизайнера. Дизайн, Веб-Дизайн, Обучение, Длиннопост, Работа, Фриланс, Работа мечты, Домашнее обучение, Инвалид

И на этом думаю мы с вами закончим!


Ставлю себе задачи на следующую неделю:

- Добить два сайта для портфолио

- Добить лекала и заказы по логотипам.

- Не снижать темп и сделать все заказы.

- Искать еще больше заказчиков.

- Начать продавать лекала для кожевников.


Так же традиционно хочу прикрепить здесь ссылки, которые могут быть полезны вам:


https://habr.com/ru/post/276249/ - Хороший пост если вам нужно подобрать иконки, для того чтобы вставить на сайте в одном стиле. Очень огромное количество цветов и их сочетания.

Для сайта тоже очень важно единообразие иконок в интерфейсе и навигации.

Как инвалиду стать профессионалом без работы и денег? Часть четырнадцатая. Сайт фотобудок, работа над рекламой, развитие как web дизайнера. Дизайн, Веб-Дизайн, Обучение, Длиннопост, Работа, Фриланс, Работа мечты, Домашнее обучение, Инвалид

https://awdee.ru/ - И здесь я прикреплю вам отличный интернет журнал для дизайнеров, где рассказывается о всем современном в мире дизайнеров, и о моде в дизайне и вообще обо всем всем всем. Пишут легко, читать интересно.

Как инвалиду стать профессионалом без работы и денег? Часть четырнадцатая. Сайт фотобудок, работа над рекламой, развитие как web дизайнера. Дизайн, Веб-Дизайн, Обучение, Длиннопост, Работа, Фриланс, Работа мечты, Домашнее обучение, Инвалид

Спасибо всем за внимание. Ждите 15 лонгрид про прогресс на следующей неделе.


С уважением, Максим Журавлев.


Форма связи со мной:


https://vk.com/cranepython


mr.crane.leather@yandex.ru

Найдены возможные дубликаты

0

Потрясающее развитие. А какие направления ещё хотите охватить в обучении?

-5

web-кодинг - это не развитие, это дегенерация семимильными шагами

раскрыть ветку 18
+1

очередной" тру кодер" с непомерным ЧСВ?

раскрыть ветку 3
-3

да, и поясню кто я, если хочешь

раскрыть ветку 2
0

С чего это такое умозаключение? Давно в прошлом те времена, когда программировали люди с высшим математическим образованием.

Веб-девелопмент(мать его, опять англицкий вмешивается) - это вполне себе занятие для зарабатывания денег.


Если необходимо потешить ЧСВ, то конечно, акромя, как двоичным кодом кодить не стоить. Пиши на понятном процессора коде:

010001010101010120101001010010001010101010120101001010010001010101010120101001010010001010101010120101001010010001010101010120101001010010001010101010120101001010010001010101010120101001010010001010101010120101001010.


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

раскрыть ветку 1
-1

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

0

Хм. А что плохого в кодинге? Аргументируйте?

раскрыть ветку 1
-2

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

0

Уточняю я  не кодер я  создаю макеты  и дизайн) Потом все отдаю верстальщику.

раскрыть ветку 9
0

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

Кстати, незабвенный Лебедев (будь он счастлив в своих путешествиях) такое иногда выдает, что дизайнеры всего мира молятся в уголке на коленях, чтобы изгнать бесов из лебедь-студии.

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

То есть, уже сайты давно стали похожи один на другой. В этом и положительная сторона, и отрицательная. Инь и янь.

То есть, к чему эта речь бессвязная?

Ситуация с дизайном, как с футболом. Его уже столько много, что тошнит. И всех откровенно радует простота.

Основной холливар возникает из явного противоречия, которое заключается в следующем: система образования в стране слишком устарела, а большинство людей, которые сейчас воспитывают подрастающее поколение свято уверены, что "высшее образование" это путь к наслаждению в дальнейшей жизни. По факту же, в стране с подобной экономической моделью (это и РФ, и Украина, и соседние страны) нет смысла в образовании, как в таковом. То есть, базовые вещи еще кое-где остались, но способ их преподавания и сознание у учащихся - каменный век.

Все застыло в каловой куче.

Поэтому и возникают противоположные точки зрения. Одни "топят" за высшее образование, а подрастающее поколение понимает, что юристы - это как тараканы. Их много, вроде живность в доме, а толку ноль. Зарплата 20 тысяч, если повезет, костюм за свой счет и вечное унижение от директора предприятия, который возможно такой же юрист, но более удачливый.

Резюмируем.

Нет смысла упираться в дизайн. Это конечно круто, но столько дизайнеров, что просто плюнуть некуда. А заказчику так вообще плевать. Я тут делал сайт для человека, показывал ему примеры и подбирал цвета, типографику продумывал. А он пришел смотреть и захерачил: "ты, мол, влепи солнышко вместо логотипа". Это было феерично. Представляете, солнышко из googl-картинок в логотип.  Круглое, с лучами, размером 100 на 100 px. И выглядело это как жопа на луне.

Качество необходимо для тех, у кого есть деньги, либо у кого есть вкус. А 90% населения это обычные люди, без денег и без вкуса.

В Москве еще может быть, а в Свердловске точно нет.

Это личное мнение, так что не ссучите ножками, злопыхатели.

раскрыть ветку 8
ещё комментарии
Похожие посты
Возможно, вас заинтересуют другие посты по тегам: