Ищу веб дизайнера: Вакансии Веб-дизайнер удаленно

Пользователи моего веб-приложения должны редактировать и save as свои отчеты, а затем выполнять и экспортировать их в файлы PDF или Excel. Мне нужно знать, есть ли дизайнер (Веб) для простых отчетов…

Я ищу веб-дизайнер отчетов, поддерживающий spring/hibernate. я видел BIRTStudio, но это не бесплатно. Я наткнулся на этот список http://java-source.net/open-source/charting-and-reporting , который…

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

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

Я веб-дизайнер. Я не использую / не владею никакими продуктами adobe… за исключением просмотра видео flash онлайн, конечно. В настоящее время я использую gimp 2.6 для своих графических нужд. Это…

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

Я работаю в Drupal . Мой друг-дизайнер, и он не знает Drupal. Если он проектирует обычным способом, а затем я преобразую его традиционный HTML в Drupal, то это сработает? Или он тоже должен знать…

Я просто переключиться от Eclipse GRE чтобы создать процесс, чтобы слюнки текут, веб-дизайнер процесс, но я нашел ранний удар. После создания моего первого процесса BPMN2 в глобальной области я не…

Я работаю над проектом react. Наш дизайнер использует jQuery и Bootstrap для нашего веб-приложения . Могу ли я использовать и React, и jQuery вместе? Совместимы ли они друг с другом?

Москва. Ищу веб-дизайнера. Нужен сайт-портфолио на kto.tv

Срок подачи заявок на участие в данном кастинге/вакансии истек.

Договорная цена

Договорная цена

Требований к исполнителям не указанно

Предложения от исполнителей (0)

Срок подачи заявок на участие в данном кастинге/вакансии истек.

Возможность добавления предложения отключена.

Курс Веб-дизайнер — Айтилогия. Вы научитесь создавать сайты различной сложности с помощью Photoshop!

На днях попалась статья «Онлайн-школа: что важно знать», перешла по ссылке и прочла критерии выбора онлайн-школы, по ним и сделаю оценку.

Преподавательский состав. Давно следила за Олей в Инстаграме: выставляет умопомрачительные работы, пишет супер полезные посты на тему веб-дизайна, ее горящие глаза так заряжают и мотивируют. На курсе открылась другая Оля, да уже не Ольга, а Оля. Такая добрая, отзывчивая, чуткая, поддержит словом, ответит на любой вопрос, даже самый глупый (как мне всегда казалось), Оля стала как подруга, как сестра! Оля, бесконечно благодарна.

Проведение аттестаций. «Аттестация – подтверждение знаний и умений», практически к каждому уроку дается домашнее задание и тест. Оля проверяет каждое ДЗ индивидуально, дает комментарии, и далеко не факт, что сдашь с первого раза. На первом уроке это раздражало, но потом поняла, что меня раздражает совсем не это, а то, что у меня не получалось, а Оля направляет. Потом уже с нетерпением ждешь проверки ДЗ, иногда даже не могла уснуть, уже с улыбкой вспоминаю). В итоге получилось: баннер, несколько лендингов, интернет-магазин, и все это можно добавить в портфолио. На этих работах мы и подтверждали знания и умения!

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

Интерфейс платформы. За онлайн-платформу аплодирую стоя. Расписание занятий, статистика по курсу и твоя, и других учеников, видео-уроки, тесты, домашние задания и дополнительные задания к урокам, плюс к этому красиво, удобно, интуитивно понятно оформлено!

Клиентоориентированность. Если возникли вопросы, по выполнению заданий, использованию платформы и т.д., то Оля на связи почти 24/7 . Когда нет сил, Оля отсыпет дозу мотивации в общем чате и в личку)). А какие по качеству уроки: каждый вздох, каждый шум вырезан, отдельное спасибо за музыку в уроках (пользуясь случаем, передаю привет Роману).

Дополнительные плюшки. Разбор сложных вопросов в общем чате, дополнительный урок по верстке Романа Чернова, чек-листы, дополнительные материалы, (а еще, по секрету, несколько плюшек после прохождения курса).
Без тени сомнений рекомендовала бы пройти курсы в Айтилогии, потому что есть с чем сравнивать!

Ты готов сделать первые шаги в мир «серьезного», но очень увлекательного программирования? :: Бобруйск

Хочешь попробовать себя в роли настоящего программиста и желаешь понять принципы построения алгоритмов решения самых разнообразных задач для компьютера? Готов изучать основные структуры и методы создания современных программ? Именно для тебя в Академии открыта группа Junior Lab.

Программа

1 семестр

2 семестр

        Тебе интересно направление «Дизайн»?

        Ты хочешь узнать о трендовых направлениях дизайна, получить практические навыки работы над дизайн-проектами, научиться использовать различные инструменты для разработки стиля брендов, проектирования веб-сайтов и мобильных приложений, создания видеороликов, иллюстраций и скетчей? Именно для тебя в Академии открыта группа Junior Design. Обучаясь на направлении  «Дизайн», ты приобретёшь  понимание базовых концепций и основ дизайн-мышления.

Программа

1 семестр

2 семестр

Работа в Южно-Сахалинске, поиск сотрудников и публикация вакансий – Работа.сах.ком

Любая специализация Автосервис, автобизнес Бухгалтерия, финансы, банки Временная работа ИТ, интернет Кадровые службы, HR Коммунальное хозяйство Культура, искусство Маркетинг, дизайн, PR Медицина, фармация Морские специальности Недвижимость Нефть, газ Образование, воспитание Офисный персонал Производство, промышленность Рабочие специальности СМИ, издательство, полиграфия Службы безопасности, охрана Спорт, красота Строительство, эксплуатация зданий Сфера обслуживания Телекоммуникации и связь Торговля, продажи Транспорт, перевозки Туризм, гостиничное дело Управление, топ-менеджмент Юриспруденция

Как нанять веб-дизайнера и не сгореть

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

И так … что теперь?

Предположим, вы уже решили первую проблему: вы знаете, что вам нужна эта вещь, созданная специально для вас. У вас нет времени на то, чтобы стать дизайнером-самоучкой. То же самое и с большинством ваших сверстников. Согласно отчету WASP Barcode 2016 State of Small Business Report , 54% малых предприятий передают на аутсорсинг веб-сайты и графический дизайн.

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

Это все действительно хорошие вопросы. Вот как им ответить:

Что ты хочешь сделать?

Знание объема работ поможет вам понять, каким должен быть реалистичный бюджет. Также очень важно выбрать, какого дизайнера веб-сайтов нанять.Например, если у вас очень маленький местный бизнес (он же «микробизнес»), вам может понадобиться только шестистраничный веб-сайт. Этих базовых страниц может быть достаточно:

• Домашняя страница
• О нас
• Свяжитесь с нами
• Наши услуги / расценки
• Отзывы страница
• Одна целевая страница или страница событий

Это простой веб-сайт, но если вы только начинаете и у вас нет большого бюджета, это отличный первый шаг.

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

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

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

Подпись: Это нормально — «украсть» понравившиеся элементы с других веб-сайтов для своего собственного сайта.

Найдите сайты, которые вам действительно нравятся

Хотите еще больше обеспечить свой успех? Потратьте час или два на просмотр веб-сайтов, похожих на ваш или занимающих дополнительную нишу.

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

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

Сколько это будет стоить?

Почасовая ставка веб-дизайнера может сильно варьироваться — от всего лишь 15 долларов в час до более 100 долларов в час. В среднем от 40 до 75 долларов в час.

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

Просто чтобы дать вам самые грубые из приблизительных оценок… если кто-то спроектирует и создаст этот простой шестистраничный веб-сайт, это, вероятно, будет стоить примерно 720 долларов. Почему это число? Это 60 долларов в час, умноженное на два часа на страницу, умноженное на шесть страниц.

Опять же — это очень приблизительное предположение. Дизайнер также может законно добавить еще 300 долларов к этим 720 долларам только на разработку общего дизайна и на время, потраченное на согласование с вами.

За более сложный редизайн, который я описал выше, вам потребуется 1 680 долларов. Это будет включать 1,5 часа на страницу для переделки старых страниц плюс два часа на каждую для шести новых страниц (всего 21 час), и все это будет оплачено из расчета 80 долларов за час. Немного дороже, чем первый дизайнер, но, может быть, у этого больше навыков.

Конечно, у некоторых владельцев малого бизнеса просто нет такого бюджета. Если вам нужен сайт за 400 долларов или меньше, это можно сделать. Просто осознайте, что вы можете получить то, за что платите.Альтернативой найму дизайнера является создание своего веб-сайта самостоятельно, возможно, с помощью одного из инструментов для создания веб-сайтов, таких как Wix, Yodle или Weebly.

Как найти подходящего дизайнера веб-сайтов

Помните тот список «Сайтов, которые мне нравятся», который вы составили? Вытащите его снова.

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

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

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

Посмотреть, если:

1. Они готовы сделать работу.
2. Их цена соответствует вашему бюджету.
3. Они могут предоставить 1-2 дополнительных ссылки.
4. Они могут настроить ваш сайт так, чтобы вы могли легко вносить незначительные правки после их завершения.

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

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

Как вы думаете?

Вы когда-нибудь нанимали дизайнера веб-сайтов? Какие советы вы бы дали тем, кто хочет их нанять? Поделитесь своими мыслями в комментариях.

11 лучших веб-дизайнеров-фрилансеров [Нанять за 48 часов]

The Challenge

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

Все это делает поиск хорошего веб-дизайнера сложной задачей. Так не должно быть; Цель этого руководства — помочь вам найти идеального фрилансера для вашей команды или проекта. Этого можно достичь, лучше понимая различные роли, которые выполняет веб-дизайнер, и хорошо представляя, какие стратегические вопросы вы можете задать в процессе найма.

Дисциплины и роли веб-дизайна

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

В настоящее время веб-дизайнер должен носить множество шляп и может иметь разный уровень знаний и опыта в разных областях.

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

• Визуальный дизайн — Навыки, используемые на заключительных этапах проектирования, на этапе визуального проектирования. Обычно встречается у дизайнеров с более художественным профилем, не обязательно хорошо разбирающихся в технической стороне веб-дизайна (хотя многие из них).Это, однако, хорошие дополнительные навыки, которые вы можете найти у веб-дизайнера, помимо его технических навыков. Доставки: визуальный дизайн, мудборды, иллюстрации, баннеры, фотоманипуляции и композиции

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

• Дизайн пользовательского опыта (UX) — Идущий рука об руку с IA и IxD, UX — это широкая дисциплина, обеспечивающая работу цифровых продуктов, основанная на ожиданиях пользователей, обеспечивающая самый быстрый и безболезненный рабочий процесс при достижении целей продукт. Результаты: образы пользователей, диаграммы рабочего процесса, эскизы с низкой точностью, анализ доступности, тесты удобства использования, каркасы

• Дизайн пользовательского интерфейса (UI) — Это практика создания отдельных элементов управления и дизайна более широких систем и визуального языка, которые делают использование веб-сайта или приложения приятным и простым.Если вы разрабатываете приложения (мобильные, веб или другие), вам понадобится кто-то с хорошими навыками пользовательского интерфейса в вашей команде. Результаты: высококачественные эскизы, рабочие прототипы, библиотеки шаблонов, комплекты пользовательского интерфейса

• Информационная архитектура (IA) — Искусство и наука определения оптимальной структуры контента и наиболее понятных методов навигации. Для крупных веб-сайтов и приложений с большим количеством контента и различными типами контента или сложной структурой контента важно иметь в команде кого-то с опытом работы в области IA. Результаты: карты сайта, навигационные списки, таксономии, аудит контента, путешествия пользователей

• Дизайн взаимодействия (IxD) — Все, что связано с взаимодействием между человеком и машиной, обычно относится к веб-дизайну. Поскольку веб-сайты все больше и больше имеют разнообразную функциональность, подобную приложениям, и множество интерактивных элементов, к которым привыкли пользователи, приятно работать с веб-дизайнером, который хорошо разбирается в хороших и плохих методах работы с IxD, который понимает устоявшиеся условностей и знает, когда нарушать правила для достижения конкретной цели. Результаты: библиотеки взаимодействия и функциональности, интерактивные прототипы, диаграммы рабочих процессов, карты состояний

• Front-End Development — это часть разработки, которая включает в себя код, используемый для визуализации пользовательской стороны веб-сайта или приложения, а также для обработки взаимодействий между пользователем и машиной на техническом уровне. Наиболее техническая из дисциплин, связанных с дизайном, и часто рассматриваемая как отдельная профессия, фронтенд-разработка в основном требует хороших навыков в HTML, CSS и JavaScript.Хорошие разработчики интерфейсов также используют различные вспомогательные инструменты, такие как препроцессоры CSS (LESS и SASS), средства выполнения задач (Gulp или Grunt) и другие, такие как npm, Bower или Yeoman. Результаты: код HTML, CSS и JavaScript производственного уровня, инструменты для обработки изменений дизайна, а иногда и миграция среды

Обратите внимание, что это различие иногда бывает искусственным, и хотя есть узкоспециализированные эксперты, которые преуспевают только в одной из этих дисциплин, для них очень важно хорошо понимать хотя бы некоторые из других.Таким образом, даже если единственная задача дизайнера — предоставить наилучшие возможные каркасы для веб-сайта, он / она также должен понимать, как эти каркасы будут преобразованы в рабочий, адаптивный набор файлов HTML и CSS и сколько потребуется JS. для реализации намеченных взаимодействий.

Многие из лучших веб-дизайнеров-фрилансеров имеют солидный опыт в большинстве дизайнерских дисциплин. Они привыкли быть шоу одного человека (или, точнее, армией одного человека), занимаясь проектами веб-дизайна, начиная с первоначальной спецификации, заканчивая окончательным производственным кодом и всем, что между ними.Они могут выступать в качестве графического дизайнера или веб-разработчика. Интернет-профессионалы этого профиля отлично подходят для небольших и даже некоторых средних проектов с ограниченным бюджетом и сжатыми сроками. Они эффективны и знают, как достичь 80 процентов результатов, приложив 20 процентов усилий.

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

Рабочий процесс веб-дизайна

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

Одним из таких неэффективных и устаревших методов является подход «трех мокапов». В прошлом компании, которым требовались услуги веб-дизайна, просили дизайнеров предоставить на выбор три (обычно) макета Photoshop (или другие формы высококачественных композиций).Обычно они основаны на наборе первоначальных кратких требований или нескольких беседах с клиентом. Конечный продукт этого подхода — дизайн, основанный на личных предпочтениях и субъективном выборе. Погоня за потребностями пользователей и достижение бизнес-целей подобным образом — все равно что стрелять в темноте. Работать таким образом (и запрашивать его у разработчика веб-сайтов) следует избегать.

Намного лучший подход к веб-дизайну — это итеративный процесс, представленный Джесси Джеймсом Гарретом в «Элементах пользовательского дизайна».Он состоит из пяти этапов, каждый из которых основан на решениях и проделанной работе на предыдущем этапе.

Стратегия, масштаб, структура, скелет, стиль: познакомьтесь с пятью этапами веб-дизайна.

Здесь у нас есть очень сжатая версия работы, задействованной на каждом этапе:

• Стратегия — Определение ключевых бизнес-целей продукта и их балансирование с потребностями пользователей целевой аудитории (на основе исследования рынка, фокус-групп, персоналий пользователей и т. Д.). Результаты: краткое описание высокого уровня, требования проектной группы, цели проекта

• Объем — Документирование требуемой функциональности и необходимого содержания. Также необходимо решить, что нужно построить, а что нет, в рамках текущего проекта. Результаты работ: Детальная спецификация проекта

• Структура — Информационная архитектура и дизайн взаимодействия. На этом этапе структура веб-сайта и его страниц определяется с помощью сортировки карточек и карт пути пользователя.Для приложений создаются диаграммы рабочих процессов и карты состояний. Результаты: карта сайта, прототипы с низкой точностью или каркасы

• Skeleton — Дизайн пользовательского интерфейса, информационный дизайн и навигация. Имея такую ​​структуру, можно принимать объективные решения о размещении контента, о том, какие элементы пользовательского интерфейса использовать и как они будут работать. На этом этапе должны быть реализованы все элементы навигации, а контент добавлен в соответствующие места. Результаты: полнофункциональный прототип сайта или приложения

• Стиль — Применение визуальной обработки и руководства по стилю бренда к рабочему продукту.Благодаря полностью функциональному и правильно оформленному веб-сайту гораздо проще применять корпоративный брендинг или брендинг продукта и делать объективный выбор в отношении его визуального оформления.

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

Веб-дизайнеры, хорошо разбирающиеся в современных практиках и рабочих процессах, должны быть знакомы с хорошими инструментами для создания прототипов и каркасов, такими как UXpin, Balsamiq или Axure. Хотя некоторые могут предпочесть создание каркасов в Photoshop, Fireworks или InDesign, другие реализуют их прямо в популярных фреймворках CSS, таких как Bootstrap или Foundation. Преимущество последнего в том, что эти ранние прототипы позже превращаются в реальные производственные шаблоны. Это устраняет тупиковые результаты и сокращает время производства.

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

Процесс адаптивного веб-дизайна

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

Сегодня уже не актуален вопрос, нужно ли иметь адаптивный веб-сайт; ответ однозначный: «Да!» и даже Google размещает веб-сайты, не подходящие для мобильных устройств, позади тех, которые подходят. Настоящий вопрос заключается в том, как реализовать успешную и эффективную стратегию для нескольких устройств, не выходя за рамки бюджета и не упуская смысла мобильного взаимодействия с пользователем.

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

Контентная стратегия для устройств

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

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

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

Q: Нужно ли нам готовить разный контент или активы для разных устройств?

Иногда да.Вот примеры, когда требуются такие изменения:

• Чаще всего изображения нужно обрезать иначе для маленького портретного экрана; изображение с широким соотношением сторон отлично подходит для баннера веб-сайта для настольных компьютеров, но его практически невозможно использовать на вертикальном экране смартфона.
• Там, где большое презентационное видео может быть отличным на экране компьютера, его можно заменить изображением и текстом на мобильных устройствах, особенно если вы ожидаете трафик от устройств с более медленным мобильным интернет-соединением.
• Некоторые фрагменты текста, возможно, придется опустить (или переписать) для устройств с маленьким экраном, где пользователь, скорее всего, не прочитает их.
• Некоторые элементы управления призывом к действию могут быть изменены, чтобы лучше соответствовать устройству; например, «Отправить сообщение» на компьютерах можно заменить на «Позвонить сейчас» на мобильных телефонах.
• На маленьких экранах сложные графики, диаграммы и длинные таблицы лучше оставить как связанные отдельные страницы, чем включать их в поток содержимого страницы. Другая идея — представить одни и те же данные по-другому или показать только самые важные части.
• Навигация должна быть переосмыслена или даже разработана отдельно для разных размеров экрана. Это не обязательно связано с визуализацией, но часто включает другую структуру, такую ​​как плоский список ссылок вместо раскрывающихся / раскрывающихся меню или отображение меньших уровней глубины в более сложных меню на определенных устройствах.

Оптимизация макета на разных экранах

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

Вопрос: Как убедиться, что макет контента хорошо выглядит на разных устройствах? Какие технологии вы используете для этого?

Следует определить несколько «точек останова» на основе популярных размеров, типов и контекста устройств. Это предопределенная ширина экрана (и реже высота экрана), при которой макет страницы изменяется, например, с трех столбцов до двух, а затем до одного столбца.В настоящее время самые популярные точки останова по ширине:

• 1920 и выше: экраны телевизоров и большие настольные мониторы
• 1280–1920: для подавляющего большинства ноутбуков, многих современных настольных мониторов, а также больших планшетов (обычно 10 дюймов и выше) в альбомном режиме (горизонтально)
• 800–1280: для небольших планшетов в альбомном режиме, а также для старых или небольших мониторов
• 480 до 800: для планшетов в портретном режиме (вертикально) и смартфонов в альбомном режиме
От
• до 480: смартфоны в портретном режиме

Для использования разных стилей в зависимости от размера экрана @media используется в коде CSS, например, для изменения размера шрифта абзаца на 14 пикселей только на устройствах с шириной экрана больше 480 пикселей, но меньше 800, используется следующее правило:

css @media (min-width: 480px) и (max-width: 799px) { размер шрифта: 14 пикселей; }

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

Взаимодействие с пользовательским интерфейсом на разных устройствах

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

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

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

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

Оптимизация активов на основе размера экрана

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

Например, фоновая фотография шириной 1920 пикселей и размером 400 килобайт, которая подходит для настольных компьютеров, будет чрезмерной (с точки зрения качества) и медленной для загрузки (с точки зрения размера файла) на смартфон.Итак, хорошо иметь уменьшенную версию изображения, которая будет отображаться, если экран пользователя достаточно мал. И вы же не хотите, чтобы пользователь скачивал обе версии, пока видит только одну.

Q: Имеет ли значение, если вы обслуживаете одни и те же ресурсы независимо от размера экрана? Есть ли в этом отношении разница между изображениями и фоном?

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

На техническом уровне существует большая разница между фоновыми изображениями (которые определены в CSS) и изображениями содержимого (включенными как файлы изображений в HTML).Фон можно легко установить отдельно в разных медиа-запросах в CSS, поэтому каждая версия обслуживается только в том случае, если экран пользователя соответствует определенному запросу; остальные не загружаются с веб-сервера. Для изображений в HTML до сих пор нет встроенного, рабочего и хорошо поддерживаемого способа обслуживания различных файлов в зависимости от размера экрана пользователя. Для этого можно использовать различные методы, например, с помощью сценариев полифилла, имитирующих поведение будущих элементов , или других сценариев, имеющих собственные соглашения, или использования фона CSS для отображения изображения.

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

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

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

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

Вопрос: Как убедиться, что веб-сайт хорошо подходит для SEO, а контент читается компьютером?

Первый и самый важный шаг к тому, чтобы сделать веб-сайт машиночитаемым и готовым к SEO, — это написать семантически правильный код разметки HTML, используя новые элементы HTML5 для правильной маркировки каждого фрагмента контента.

Q: Вас беспокоит доступность и что вы делаете для улучшения веб-сайта в этом отношении?

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

• Роли Aria — в дополнение к семантическим тегам HTML5, роли aria могут быть назначены более важным элементам контента, чтобы более подробно показать цель каждого из них. Это помогает вспомогательным инструментам понимать содержание, что упрощает использование.

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

• Управление пользователем — Дизайнер должен также убедиться, что пользователь имеет некоторую степень контроля над тем, как выглядит веб-сайт.Самое главное, функция масштабирования браузера не должна делать сайт непригодным для использования. Кроме того, контент на правильно размеченной странице легко выбирается приложениями для чтения и меняет стиль в соответствии с предпочтениями пользователя (например, больший размер шрифта, более контрастная цветовая схема, более читаемый шрифт).

В: А как насчет синдикации контента? Какие шаги мы должны предпринять, чтобы убедиться, что наш контент может распространяться по разным каналам и использоваться другими приложениями?

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

• Семантическая разметка HTML5 обычно является наиболее важным и распространенным способом распространения контента. Убедитесь, что тег

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

  и

• Если вам нужны четко определенные фрагменты контента с указанием их уникальных характеристик, рассмотрите возможность использования Schema.org, чтобы убедиться, что все правильно перечислено в соответствии с его общепринятыми схемами.

• На техническом уровне некоторые из форматов, которые могут использоваться для определения конкретной структуры данных, — это RDF, микроформаты и микроданные.Они используют HTML-совместимые элементы (классы или атрибуты тегов) для имитации структурированных данных, подобных XML.

Системы управления контентом, премиум-темы, CSS-фреймворки

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

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

Q: Каковы, по вашему мнению, преимущества и недостатки использования CMS? Как вы думаете, когда его использовать и какие есть альтернативы?

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

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

• Недостатки CMS: при неправильном использовании может привести к раздутому коду и более медленной загрузке, тенденция использовать тяжелые плагины для небольших функций, легко реализуемых несколькими строками кода, ограничения для более сложных структур данных или взаимодействия, где разработчик может иметь «бороться» с системой для достижения целей.

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

Так называемые «Премиум-темы» для популярных CMS являются обычным выбором для проектов с ограниченным бюджетом или сжатыми сроками.Однако встроенные функции и компоновка имеют свою цену. Хорошие веб-дизайнеры понимают это и могут помочь вам решить, подходит ли этот подход для вашего проекта, могут оценить удобство использования темы и посоветовать вам ее плюсы и минусы.

Q: С какими общими проблемами мы сталкиваемся при использовании готовых тем «Премиум» для CMS?

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

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

• Внешний вид и макеты тем

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

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

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

Еще один способ сократить время и бюджет разработки — использовать CSS-фреймворки, такие как Twitter’s Bootstrap или ZURB’s Foundation. Эти фреймворки содержат многоразовые фрагменты кода, соглашения о разметке, часто используемые взаимодействия с javascript и встроенные передовые методы. Они также используют инструменты разработки, такие как препроцессоры CSS (LESS или SASS), средства выполнения задач (Gulp или Grunt), линтеры кода и минификаторы, чтобы улучшить качество и размер производственного кода.

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

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

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

Наймите веб-дизайнера — (6 глупейших ошибок, которые совершают умные люди)

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

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

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

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

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

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

Ошибка дизайна веб-сайта №1. Платят слишком мало

Многие люди думают о создании нового веб-сайта, у них есть определенная сумма денег, и они думают: если я заплачу меньше денег за веб-сайт, у меня останутся лишние деньги, поэтому я выиграть. И поэтому они пойдут и получат Square Space, или сайт Wix, или сайт Go Daddy, и будут думать, что, поскольку они сэкономили деньги, они выходят перед сделкой.

Но Уоррен Баффет, которого многие считают одним из величайших инвесторов всех времен, говорит, что самое важное, когда речь идет о деньгах, — это альтернативные издержки.

Итак, что такое альтернативные издержки?

Вместо того, чтобы думать: «У меня есть эти деньги, мне нужен веб-сайт, я собираюсь получить веб-сайт Square Space, я собираюсь сэкономить деньги, приобретая веб-сайт Square Space, поэтому я выигрываю.

«Альтернативная стоимость могла бы подумать:« Хорошо, у меня есть эти деньги. Я могу делать одно из множества разных действий, в том числе создавать веб-сайт Square Space, делать это сам, нанимать разработчика веб-сайтов рядом со мной, нанимать кого-то за границей, что у вас есть. И какое из всех этих решений принесет мне в целом наибольшую чистую прибыль? »

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

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

Какова ценность моего времени?

Мне нравится проводить аналогию с Ikea.Причина, по которой они могут взимать такую ​​небольшую плату за свою мебель, заключается в том, что они фактически перекладывают большую часть работы, которую выполняли бы другие производители мебели, своим покупателям.

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

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

Ошибка дизайнера веб-сайтов №2. Слишком много платят

Это полная противоположность ошибки №1. Позвольте мне начать с раскрытия маленького грязного секрета, когда дело доходит до дизайна веб-сайтов. Большинство людей думают: «О, я собираюсь нанять профессиональную веб-фирму, потому что мне нужен« настоящий веб-сайт », а не веб-сайт Word Press или что-то еще. И большинство людей не осознают, что все веб-сайты сделаны из одного материала.

Во внешнем интерфейсе это всего лишь CSS, HTML и JavaScript, я имею в виду всех веб-сайтов .

Если вы зайдете на Apple.com, Facebook.com, Amazon.com, любой веб-сайт в Интернете и посмотрите на исходный код, это всего лишь CSS и HTML. HTML дает ему структуру, CSS дает дизайн, а JavaScript дает ему анимацию, и все.

Если мы посмотрим на сайт-шаблон за 50 долларов, он будет сделан из того же исходного кода, что и Apple.com.

Веб-дизайнер Рядом со мной

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

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

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

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

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

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

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

Уоррен Баффет сделал ставку на 1 миллион долларов, что обычный индексный фонд, использующий S&P 500, побьет менеджеров хедж-фондов в течение 10 лет, и выиграл.

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

Ошибка №3.

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

Итак, позвольте мне спросить вас, какова основная цель веб-сайта?

Это красиво?

Не совсем, нет. Это не основная цель.

Это для улучшения пользовательского опыта?

Не совсем, нет, это не основная цель.

Как насчет того, чтобы выиграть награды? Угу, определенно нет.

Если у вас коммерческое предприятие, цель веб-сайта — зарабатывать деньги. И единственное, по чему вы должны судить о веб-сайте: « приносит ли он больше денег? «А иначе какой смысл брать? Верно?

Итак, большинство дизайнеров этого не понимают.

Наш подход — маркетинг плюс дизайн.

Мне нравится думать о веб-сайте: есть конкретный человек, который что-то ищет, и есть следующий шаг, который они хотят сделать.

Что мы делаем при работе с клиентами, так это идентифицируем себя.

Какие типы людей приходят на сайт?

Что они ищут?

Какой следующий шаг они хотят сделать?

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

Ошибка веб-дизайна №4.

Итак, что такое CMS? CMS расшифровывается как система управления контентом, и по сути это часть программного обеспечения для управления и обновления вашего веб-сайта. Word Press и Square Space — это CMS, и существует миллион различных CMS. Следует отметить, что не все CMS одинаковы, даже в Word Press.

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

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

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

Versus, это сайт из нашей серверной части, где изображение, заголовок, описание, каждая мелочь легко редактировать и обновлять, так же, как обновление вашего профиля в Facebook.

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

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

Ошибка местного дизайнера веб-сайтов №5.

Некоторые простые вещи могут состоять в том, чтобы проверить, есть ли у них какие-либо обзоры. Так что ищите их в Yelp, Google Reviews и LinkedIn. Посмотрите, говорят ли люди о них хорошие вещи или кто-то говорит что-то особенно плохое.

Самое главное: «Нравится ли вам их работа?» Мы уже говорили об этом раньше, но, в конце концов, это то, что вы получаете. Вы получаете результаты, поэтому убедитесь, что вам нравится их работа.

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

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

Внизу каждого веб-сайта, созданного дизайнерской фирмой, обычно стоит подпись.У нас написано «Веб-дизайн Сан-Франциско от Thomas Digital», но можно сказать «Веб-сайт от XYZ Media» или что-то еще.

Ошибка дизайнера веб-сайтов №6.

Точно так же, как вы не стали бы доверять полному личному тренеру или худощавому повару, вам, вероятно, никогда не следует доверять дизайнеру с уродливым веб-сайтом или SEO-специалисту, который не имеет высокого рейтинга в Google или «интернет-маркетолог», который использует прямой охват для привлечения потенциальных клиентов. Я имею в виду, что если кто-то продает вам идею получения трафика через Google, Pay Per Click или социальные сети, но они используют холодный охват, например, они напрямую пишут вам по электронной почте или используют молву. чтобы связаться с вами, они действительно не практикуют то, что проповедуют.

Например, мы занимаем первое место в Google по запросу «Веб-дизайн в Сан-Франциско».

Готовы нанять кого-нибудь для создания веб-сайта?

Итак, если вы зашли так далеко, то, вероятно, думаете: « Мне нужен кто-то, кто создаст для меня мой веб-сайт. ”Итак, я хочу сделать вам предложение, от которого вы не сможете отказаться.

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

Как выбрать дизайнера веб-сайтов: пошаговое руководство

Итак, вам нужно знать, как выбрать дизайнера веб-сайтов.

Но вот в чем проблема.

«Это зависит» — это и самый правильный, и самый бесполезный ответ.

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

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

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

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

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

1. Определите ваши технологические потребности

Как вам нужно, чтобы ваш веб-сайт функционировал ?

Вы хотите создать «сайт-брошюру» — место с основной информацией и контактной информацией?

Или вы хотите создать что-то с определенной функциональностью?

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

Чистый веб-дизайнер обычно не работает с HTML / CSS, тем более с традиционными веб-языками, такими как Javascript, PHP и т. Д. Чистые веб-дизайнеры обычно работают в Photoshop и сосредотачиваются на брендинге, цветовых палитрах, изображениях и ощущениях. , и пользовательский опыт.

Простой веб-дизайнер часто работает с интерфейсным веб-разработчиком для реализации дизайна. Интерфейс веб-сайта — это то, что пользователь видит и перемещается. Интерфейсный разработчик будет знать HTML / CSS и Javascript — и будет чувствовать себя комфортно с «внутренними» технологиями.

Back-end технология включает в себя базы данных, сценарии и API-интерфейсы — и, как правило, обеспечение правильного взаимодействия компьютеров друг с другом.

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

Кроме того, многие дизайнеры / разработчики / агентства будут работать с определенными платформами, в которые уже встроена основная функциональность. Когда они работают с этими платформами, это ускоряет процесс и снижает затраты… но также означает, что клиент (вы) должен иметь некоторое представление о том, какие инструменты они используют.

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

Что следует учитывать

• Какие функции вам нужны сейчас?
• Как вы хотите, чтобы ваш сайт рос?
• Вам нужно редактировать и управлять содержанием вашего сайта?
• Нужно ли вашим посетителям вообще работать с сайтом?

Чего следует избегать

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

Примеры сценариев

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

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

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

Веб-дизайнер мог бы создать собственный веб-сайт WordPress, который мог бы легко интегрировать пожертвования и был бы дешевым авансом, но было бы труднее поддерживать в долгосрочной перспективе без того, кто может обучаться на платформе.Они также могут использовать размещенный на хосте конструктор веб-сайтов, такой как Wix или WordPress.com, у которого может быть меньше предварительных возможностей, но его будет намного проще поддерживать внутри компании в долгосрочной перспективе.

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

2. Определите свои потребности в дизайне

Как вы хотите, чтобы ваш веб-сайт выглядел и чувствовал себя ?

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

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

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

Собирайте сайты, которые вам нравятся, и отмечайте, что вам в них нравится. Вот несколько примеров обзоров, которые я написал.

Запишите свое разочарование существующим дизайном.

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

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

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

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

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

Что следует учитывать

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

Чего следует избегать

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

Примеры сценариев

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

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

3. Определите потребности вашего бизнеса

Какую роль играет ваш веб-сайт в вашем бизнесе?

Отчасти это связано с вашими потребностями в дизайне и технологиях, но это особенно важно, прежде чем вы определите свой бюджет и объем.

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

Каким образом ваш веб-сайт будет привлекать потенциальных клиентов / продажи? Это то, что ваши рефералы и продавцы предложат в виде брошюры … или вашему сайту нужно будет привлекать новых потенциальных клиентов из онлайн-посетителей?

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

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

Что следует учитывать

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

Чего следует избегать

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

Примеры сценариев

Подумайте об управлении местной собственностью. Бухгалтерская фирма могла бы преуспеть с «веб-сайтом с брошюрами», который просто перенаправляет людей к телефону и личным консультациям.Хороший веб-сайт с брошюрой (то есть веб-сайт, который просто предоставляет информацию) может подойти. Но что, если компания хочет добавить инструменты для клиентов, защищенные порталы, контент-маркетинг, прямые списки и т. Д.? Для этих функций потребуется веб-сайт, который со временем может расширяться и развиваться. Возможно, стоит разработать самостоятельный веб-сайт и нанять дизайнера.

Подумайте о новом ювелирном бизнесе. Ювелирный бизнес может вести бизнес исключительно на Etsy, и ему нужен блог для связи с клиентами.Может быть легко получить настраиваемую тему на размещенной платформе, такой как WordPress.com. Тем не менее, также может быть лучшим выбором вначале пойти в другом направлении для интеграции Etsy или заложить основу для интернет-магазина, не относящегося к Etsy.

4. Определите свой бюджет и объем

Сколько денег и времени вы должны потратить прямо сейчас?

И «как можно дешевле» — это не ответ — если вы так думаете, вам не следует искать индивидуального дизайнера веб-сайтов. Вам стоит поискать альтернативные варианты.

Ваш сайт — это вложение , а не затраты. Если вы подойдете к этому так же, как и к оптовой покупке офисных ручек … то вы не получите желаемого результата.

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

Что следует учитывать

• Подумайте о существующей ситуации с денежными потоками. Запишите, чего стоит одно новое зацепление.
• Запишите существующие затраты на плохой или несуществующий веб-сайт.
• Напишите функции, функции и варианты дизайна, которые вы хотели бы расставить по приоритетам.
• Подумайте о сроках окупаемости и амортизируйте свой бюджет. Другими словами, если ваш бюджет составляет 10 000 долларов и вы ожидаете, что сайт прослужит 50 месяцев, то это будет 200 долларов в месяц. Соответствует ли это вашему ожидаемому значению?

Чего следует избегать

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

5. Определите источники и альтернативные варианты

Какой дизайнер вам нужен? А как вы их находите?

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

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

На что обратить внимание

• У хороших дизайнеров веб-сайтов много работы. Если кто-то тратит много денег на рекламу и приобретение, то это, вероятно, гигантское агентство с процессом оттока и сжигания.
• Хорошие дизайнеры сайтов хотят работать с хорошими клиентами. Раньше я работал с клиентами веб-дизайна, и я бы взял хорошего клиента за половину оплаты за плохого клиента.Фактически, в определенный момент в мире не хватает денег, чтобы нанять плохого клиента.
• Беседы и разговоры не оплачиваются. Это нехорошо ни для вас, ни для дизайнера. Чем конкретнее вы будете, тем лучше.

Чего следует избегать

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

Куда смотреть

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

Для местного дизайнера / разработчика

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

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

1. Ищите встречи для преследования. Веб-дизайнеры всегда стремятся повысить квалификацию, и вы обычно можете найти их на местном семинаре, в классе или на встрече.
2. Сделайте действительно конкретный поиск в Google — с поисковыми операторами. Как это.
3. Обратитесь к вашим любимым местным компаниям за рекомендациями.
4. Используйте городские справочники — это особенно хорошо работает в небольших метро.

Для дизайнера / разработчика WordPress

WordPress — невероятно универсальная система управления контентом. Он не идеален для каждого сайта, но это как четырехдверный внедорожник / седан в Интернете. Вероятно, это сработает за вас.

Теперь — проблема в том, что практически любой может называть себя «разработчиком WordPress», даже если он действительно не знает, как программное обеспечение работает в своей основе.

Важно делать №1 и №2, потому что вам нужно знать, нанимаете ли вы дизайнера / разработчика, который работает с WordPress в качестве своего программного обеспечения, или кого-то, кто действительно разрабатывает веб-сайты с помощью WordPress.

Вот где я бы посмотрел —

1. Следите за местными встречами WordPress.
2. Преследуйте посетителей WordCamp — большого собрания дизайнеров, использующих WordPress.
3. Посетите форумы поддержки сообщества WordPress.org
4. Выполните невероятно конкретный поиск в Google с чем-то вроде intext: «Работайте со мной»
5. Посмотрите огромный выбор Fiverr-сертифицированных концертов WordPress.

Одно замечание о дизайнерах WordPress — поскольку они, скорее всего, будут использовать определенные темы / рамки тем — вы сможете обсудить немного больше возможностей и сделать больше с помощью DIY.

Для [другой платформы] дизайнера / разработчика

Сейчас существует множество других программных опций, особенно «размещенных опций», таких как Squarespace, Weebly, Shopify, Wix, Bigcommerce и т. Д.

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

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

Для генерального дизайнера / разработчика

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

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

99designs — хороший вариант для конкурсов только на дизайн. Я реализовал проекты, которые мои клиенты купили через них. Вот мой общий обзор.

Dribbble — это популярное место встречи дизайнеров, выполняющих самые передовые задачи.

У большинства разработчиков есть профиль на Github, StackExchange или HackerNews. Ищите тех, у кого есть хорошие ответы.

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

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

Tailor Brands — это платформа самообслуживания на базе искусственного интеллекта, которая разработает логотип и всю настройку бренда менее чем за 100 долларов.

Вы также обнаружите, что поставщики на ThemeForest будут выполнять индивидуальную работу в дополнение к другим торговым площадкам, таким как CreativeMarket.

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

Альтернативы пользовательскому конструктору веб-сайтов

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

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

6. Спросите предложения

Теперь, когда у вас есть несколько дизайнеров веб-сайтов на выбор, следующий шаг — разослать предложение.

Чем лучше ваше предложение, тем лучше будут варианты.

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

Вы бы предпочли расплывчатое электронное письмо с вопросом, сколько стоит веб-сайт? Или вы бы предпочли подробное описание проекта и примерный бюджет?

На что обратить внимание

• Предоставление приблизительного бюджета — это самый быстрый, простой и точный способ добиться успеха на одной странице с дизайнером веб-сайтов. Ваш бюджет не определяет конечную стоимость — но он определяет, с кем вы вообще разговариваете.В качестве аналогии — так дизайнеры веб-сайтов узнают, покупаете ли вы подержанную Toyota Corolla или новенькую Ferrari.
• Сделайте так, чтобы вашему проекту было легко сказать «да». Сделайте следующий шаг и сначала задавайте простые и ясные вопросы (например, «вас интересует проект?», «Если интересно, какие дополнительные сведения вам нужны?»)

Чего следует избегать

• Избегайте отправки большого количества запросов электронные письма без намерения нанимать.
• Избегайте отправки электронного письма со слишком большим количеством информации или слишком большим количеством вопросов.

7. Последующие вопросы и запросы на ссылки и портфолио

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

Что следует учитывать

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

Чего следует избегать

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

8. Запросить контракт и план проекта (и отклонить)

Ощутимые письменные ожидания помогают каждому в каждом задании.

На этом этапе вы сможете выбрать дизайнера веб-сайта.

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

Письменный договор помогает * всем * участникам проекта. В контракте должны быть указаны «результаты», затраты, обязанности, права интеллектуальной собственности и судебный орган.

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

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

9. Последующие действия и четкое общение

Хороший дизайнер веб-сайтов не может помочь плохому клиенту.

Что следует учитывать

• Веб-сайт будет * вашим *, поэтому вы должны быть уверены, что у вас есть вся информация, необходимая для принятия решений.
• Убедитесь, что у вас есть вся техническая документация.
• Помните, что большая часть проектной работы зависит от быстрой и точной обратной связи.
• Бюджет не только на время, но и на непредвиденные (например, фотосъемку) и технические вопросы.

Чего следует избегать

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

Заключение и следующие шаги

Выбор дизайнера веб-сайта не должен быть утомительным процессом, полным разочарований и неизвестностей.

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

Если вы пытаетесь найти хорошего дизайнера веб-сайтов — следуйте процессу, и все будет готово!

Альтернативный вывод и следующие шаги

Теперь — если вы прочитали этот пост и нашли его полезным… но…

Вы думаете «Мне просто нужен веб-сайт! Наступает 2020 год. Мне просто нужен простой, доступный, быстрый стандартный веб-сайт, а не сложная покупка с контрактами и прочим »

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

Вот несколько вариантов —

# 0 — Сделай сам с автоматическим брендингом и дизайном

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

Есть одна компания, которая специализируется на полностью автоматизированном брендинге — Tailor Brands.Я начал использовать их в своих побочных проектах. Они используют искусственный интеллект и машинное обучение для создания целого ряда дизайнерских ресурсов и руководств.

У них также есть встроенный конструктор веб-сайтов, или вы можете использовать их для дополнения с №1 по №3. Ознакомьтесь с брендом Tailor Brands здесь. Прочтите мой обзор здесь.

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

# 1 — Сделай сам с помощью конструктора веб-сайтов

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

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

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

# 2 — Сделай сам с самостоятельным размещением WordPress

WordPress — самая популярная, наиболее поддерживаемая и универсальная «система управления контентом» в Интернете.Это бесплатное программное обеспечение, поддерживаемое сообществом, которое вы устанавливаете на учетную запись хостинга (т. Е. Вы арендуете часть сервера у хостинговой компании). Программное обеспечение требует обучения, но у вас будет стопроцентный контроль и все возможности открыты. Вы также сможете вызвать конкретных экспертов по конкретным проблемам. Или установите универсальные темы / шаблоны.

Я написал здесь руководство по настройке веб-сайта WordPress.

# 3 — Купить дизайн веб-сайта у хостинговой компании

Этот вариант представляет собой смесь №1 и №2 — если вы хотите получить полный контроль над своим сайтом с неограниченными возможностями на будущее… но не хотите, чтобы процесс обучения настраивая дизайн самостоятельно, то иногда вы можете приобрести услуги дизайна веб-сайтов у хостинговой компании.Обычно они могут предоставить эти услуги намного дешевле, чем независимый дизайнер веб-сайтов, поскольку вы также пользуетесь их услугами хостинга.

Для этих проектов я рекомендую InMotion Hosting — они имеют отличную поддержку и являются хостинговой компанией для этого веб-сайта. Посмотреть их дизайнерские услуги можно здесь.

Другие ресурсы включают —

По любым конкретным вопросам обращайтесь к моей странице контактов.

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

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

Важно: Если кто-то не дал вам явного разрешения, не добавляйте его в свой список рассылки. Люди это ненавидят.

Заключительные сетевые примечания

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

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

3. Специализация

В первоначальном опросе Content Snare 75% респондентов не имели области специализации или выбранной ниши.

Многие ответили, что их ниша — «малый бизнес». Это не совсем ниша, потому что она по-прежнему нацелена почти на всех. Вы могли бы назвать это мастером на все руки, но ничего не мастером.

Другими словами, это нехорошо.

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

Итак, почему специализироваться или нишу меньше?

Рефералы

Вы, наверное, заметили, что существует множество веб-дизайнеров. При таком большом количестве конкурентов дифференциация может быть затруднена. Спросите себя: что вы делаете, чтобы выделиться?

Возьмем гипотетический…

Допустим, я знаю 50 веб-дизайнеров. Один из тех только работает с ветеринарами.

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

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

«Ого, вам нужен новый веб-сайт» Я скажу

«Вам нужен новый веб-сайт, и я знаю этого парня, который чертовски крут на ветеринарных сайтах…»

НАСТОЛЬКО легко обратиться к специалисту. Если вы не уверены, очень и очень важно упростить для людей обращение к вам.

Повышение цен и улучшение работы

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

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

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

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

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

Уверенность

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

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

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

Более простой маркетинг

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

Вы также узнаете, в чем их проблема №1, потому что вы уже решали ее раньше. Много раз.

Когда вы ориентируетесь на «всех», ваш маркетинг предполагает догадки относительно того, какие сетевые события вам следует посетить, в каких социальных сетях размещать сообщения и где размещать рекламу.

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

Непромышленная специализация

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

Вот несколько примеров:

• Электронная коммерция
• Сайты членства
• Целевые страницы, конверсии, подписки
• Ускорение веб-сайтов
• Веб-сайты с высоким трафиком / масштабирование
• Существующие фреймворки или конструкторы (Genesis, Pods framework, Divi, Beaver Builder)

Объединение это с индустрией может сделать вас «парнем» (или девушкой) в этой сфере.Может быть, вы станете тем, кто занимается «членством для интернет-предпринимателей».

Переход на специальность

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

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

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

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

Гранты с привлечением заемных средств

В зависимости от отрасли и местоположения вашим потенциальным клиентам могут быть доступны некоторые государственные гранты.

Например, в Квинсленде у нас недавно был «грант для малого бизнеса», в соответствии с которым местное правительство будет соответствовать расходам на цифровые активы, например сайт. Это означало, что компания могла получить веб-сайт за 5 тысяч долларов за 2,5 тысячи долларов собственных затрат.

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

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

4. Рефералы

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

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

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

Вот как вы получите больше рефералов.

Делай действительно хорошо

Знаю, знаю … это звучит слишком упрощенно.

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

Чтобы получить рефералов, начните с , заработав их.

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

Чтобы выделиться, нужно быть всего на один уровень выше дерьма

— Украдено и украдено у Питера Шенкмана из Tropical Think Tank

Получите обратную связь и улучшите

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

Используйте инструмент опроса, такой как Google Drive Forms или Gravity Forms, чтобы создать опрос после веб-сайта. Узнайте, какие части работы с вами были лучшими или худшими, что можно было бы сделать лучше и как они оценили этот опыт.

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

Совет для продвинутых : Если они высоко оценивают вас, попросите отзыв или рекомендации сразу после опроса.

Спросите!

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

Это просто: просто спросите.

Будь то:

• Лично во время обучения клиента использованию своего сайта
• Завершающий звонок
• Автоматическое электронное письмо после завершения работы веб-сайта

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

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

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

Ваша сеть

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

Предоставить шаблоны

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

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

Вы можете создать шаблоны для следующих ситуаций:

• Реферал напрямую запросил веб-дизайнера.
• Клиент отмечает, что веб-сайт реферала старый / неисправный / не реагирует на мобильные устройства.
• Реферал делает комментарий о новом веб-сайте клиента.

Упоминайте их, когда запрашиваете рефералов.

«Вы знаете кого-нибудь, кому нужен новый сайт? Если да, ответьте, и я пришлю вам шаблон, который вы можете изменить и отправить. Это должно сэкономить вам немного времени.”

Поощрять

Вы можете предложить реферальное вознаграждение тем, кто направит вам работу. Это может быть 5 или 10%, или фиксированная комиссия.

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

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

Скажи спасибо

Приятно получить подарок по почте.Даже лучше, если это будет неожиданно.

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

Мы отправили такие вещи, как конфеты и пирожные, в крупные офисные товары, в зависимости от человека.

Они не только полюбят вас за это, но и сделают снимок и поделятся им.

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

5. Партнерские отношения

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

Ищите компании, у которых есть дополнительные, не конкурирующие продукты или услуги, для которых веб-сайт был бы естественным переходом.

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

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

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

Где искать партнеров

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

• Кто уже нацелен на моих клиентов?
• Где они тусуются?
• Как я могу с ними связаться?
• Что им от меня нужно?

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

Вы можете встречаться с партнерами так же, как и с вашими обычными потенциальными клиентами — через сети и рефералов.

6. Информационно-пропагандистская деятельность

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

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

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

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

Создать список потенциальных клиентов

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

• Расширенный поиск в LinkedIn по размеру компании, отрасли, региону, группам и т. Д. (Здесь помогает премиум-аккаунт)
• Онлайн-каталоги, например Если вы ориентируетесь на традиционные товары, страницы «Домашнее улучшение» будут хорошим источником.
• Справочники членов Торговой палаты
• Справочники членов ассоциации

Найдите причину связаться с ними

Не взрывайте этот список контактов обычным электронным письмом «вам нужен веб-сайт».

Взгляните на их сайты и убедитесь, что что-то не так. Когда / если вы что-то найдете, сообщите им в персональном электронном письме.

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

На их сайтах стоит обратить внимание:

• Не реагирует на мобильные устройства
• Другие проблемы с мобильными устройствами
• Неработающие ссылки (вы можете использовать паук для массовой проверки)
• Проблемы с отображением
• Медленное время загрузки
• Улучшения преобразования e.грамм. интерактивный номер телефона, заметная контактная информация
• Датированный дизайн

Бесплатная работа

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

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

Некоторые примеры:

• Запишите видеообзор своего веб-сайта и предложения
• Снимки экрана с улучшениями или проблемами
• Каркас того, как, по вашему мнению, должен выглядеть их веб-сайт, и объяснить, почему

А теперь вперед

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

Что из этого вы пробовали?

Хотите получить более подробную информацию по любому из них? Дайте мне знать в комментариях, пока я работаю над списком «для дальнейшего чтения» 🙂

Как получить клиентов веб-дизайна: 5 эффективных способов

Составьте образец контракта

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

• Это экономит ваше время
• Это экономит ваши деньги
• Это избавляет вас от раздражения

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

При составлении контракта мы рекомендуем предпринять следующие шаги:

Имейте четко определенное техническое задание

Это важный раздел вашего контракта, потому что, как говорится, клиент (заказчик) всегда прав . Если вы не знаете, чего ожидает от вас клиент, вполне возможно, что он не будет удовлетворен вашей работой, когда вы ее завершите. Техническое задание также позволяет вам понять и четко определить масштаб проекта (во избежание расползания объема работ), каковы будут временные рамки для его завершения (хорошо).

Оптимизируйте процесс рассмотрения и утверждения

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

Защитите себя в случае прекращения проекта

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

Защитите себя от нарушения авторских прав

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