Создание личного сайта: 10 шагов создания идеального личного сайта / Хабр

Содержание

10 шагов создания идеального личного сайта / Хабр

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

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

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

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

логотип в большинстве случаев содержит адрес сайта…

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

На какие вопросы надо ответить при создании подзаголовка:

Кто ты? Дизайнер? Писатель? Разработчик?

Что ты делаешь? Дизайн веб-сайтов или разработку игр?

Откуда ты? Страна? Город?

Профессия: Ты фрилансер или вы работаешь в студии? А может ты ищешь работу?

Тут ясно что Sarah Longnecker делает видео ролики.

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

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

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

У Leigh Taylor хорошие скриншоты работ, а также она показывает использованные программы.

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

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

Chris Spooner четко показывает, что делает дизайн для печати и для веб.

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

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

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

Chikezie Ejiasi показал своё фото, а также написал как произносится его имя.

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

Твоя контактная информация должна быть на виду и иметь легкий доступ. Пусть люди знают что могут связаться с тобой, через e-mail, чат или телефон. Также используйте форму для быстрой связи с тобой через сайт — это облегчит работу клиента и позволит ему быстро связаться с тобой (ведь ему не нужно будет копировать или нажимать на твой e-mail, потом переходить в свой менеджер почты и от туда писать тебе письмо). Уважай время твоего клиента.

В контактной информации должно быть: телефон, e-mail, «чаты» (icq и подобные), может быть адрес в социальных сетях, а также контактная форма для быстрой связи.

Stuart Johnston — предоставил классический формат подачи своей контактной информации.

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

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

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

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

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

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

Matthew Brown’s использует для этого кнопку которая выделяется из общего фона сайта.

Теперь, когда люди проявляют интерес к тебе и твоей работе, побуди их узнать о тебе на других сайтах. Они смогут пообщаться с тобой на Twitter, Facebook, Flickr, Last.fm, Хабр и т.д. Позволь им больше узнать о тебе.

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

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

Marius Roosendaal использует дружелюбный и расслабляющий сигнал для пользователей.

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

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

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

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

http://www.smashingmagazine.com/ — оригинал

Лучшие коллекции личных веб-сайтов (и как сделать их самостоятельно)

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

Чаще всего мы просто не хотим замечать очевидное, делая вид, что это слишком личное дело или что-то в этом роде.

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

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

Создаете свой первый сайт? Попробуйте использовать конструктор сайтов без кода
Для создания сайта с помощью такого конструктора, как Wix, вам не нужны навыки кодирования. Этот инструмент поставляется с 800+ дизайнерскими шаблонами и позволяет управлять сайтом с мобильного > Попробуйте Wix бесплатно, нажмите здесь

Замечательные примеры персональных сайтов, которые мне нравятся

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

1. Ник Джонс

Веб-сайт: narrowdesign.com

2. Джим Рамсден

Веб-сайт: jimramsden.com

3. Владимир Страйник

Веб-сайт: strajnic.net

4. Гари Ле Массон

Веб-сайт: гарилемаsson.com

5. Юлиана Ротич

Веб-сайт: julia.na

6. Паскаль ван Гемерт

Веб-сайт: pascalvangemert. nl

7. Дэрил Торнхилл

Веб-сайт: madebydaryl.co.uk

8. Энтони Виктор

Веб-сайт: anthonydesigner.com

9. Адам Хартвиг

Веб-сайт: adamhartwig.co.uk

10. The Beast Is Back

Веб-сайт: thebeastisback.com

11. Тони д’Орио

Веб-сайт: tonydorio.com

12. Шон Хэлпин

Веб-сайт: Шонхальпин.дизайн

13. Тодд Генри

Веб-сайт: toddhenry.com

14. Гэри Шэн

Веб-сайт: garysheng.com

15. Энтони Мичал

Веб-сайт: anthonymychal.com

16. Джошуа Маккартни

Веб-сайт: joshuamccartney.com

17. Льюис Хоус

Веб-сайт: lewishowes.com

18. Фаррелл Уильямс

Веб-сайт: pharrellwilliams.com

19. Али Вонг

Веб-сайт: aliwong.com

20. Альбино Тоннина

Веб-сайт: albinotonnina.com

21. Эллен С Райли

Веб-сайт: ellensriley.com

22. Саймон Синек

Веб-сайт: simonsinek.com

Как создать потрясающий персональный сайт самостоятельно

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

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

1. Получите доменное имя и веб-хост

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

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

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

Если вы новичок — начните с малого и выберите доступного виртуального хостинга хостинга.

Рекомендации

В настоящее время я использую NameCheap для регистрации и управления всеми своими доменными именами. Для хостинга персональных сайтов я рекомендую использовать хостинг Hostinger Single — в основном потому, что у них самый дешевый хостинг для одного сайта (от $1.99/мес) и простой в использовании конструктор сайтов.

Hostinger начинается всего от $1.99/mo — Идеально подходит для тех, кто размещает только один личный сайт (посетить Hostinger онлайн).

2. Создайте с нуля или используйте конструктор сайтов

После того, как у вас готовы домен и хостинг, следующий шаг — создание самого сайта.

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

WYSIWYG редактор

Попробуйте что-нибудь вывести и выложить в сеть. Тонкая настройка и модификация могут произойти позже, после того, как вы освоите свои навыки. Один из простых способов создать веб-сайт — использовать веб-редактор WYSIWYG, например Adobe Dreamweaver CC. Такие редакторы работают так же, как обычный текстовый процессор, и позволяют визуально оформить сайт без лишних технических деталей.

Конструкторы сайтов

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

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

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

Вот некоторые примеры сайтов, созданных с Wix:

Персональный сайт, созданный с помощью Wix: Натали Латински.Персональный сайт, созданный с помощью Wix: Лера Мишурова.Персональный сайт, созданный с помощью Wix: Рейчел Фрейзер.

Для тех, кто не знаком с конструктором сайтов, я рекомендую прочитать эти руководства на нашем сайте:

Как создать свой первый веб-сайт с помощью Wix
Как создать свой первый веб-сайт с помощью Weebly
Как создать личный сайт с помощью HWB

3.

Добавьте личный контент

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

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

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

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

Часто задаваемые вопросы

Как создать свой сайт бесплатно?

Существует не так много бесплатных вариантов создания веб-сайта, которые мы рекомендуем. Тот, который мы делаем, это 000Webhost, который является ответвлением Hostinger. Считайте это стартовой песочницей, которая позволяет вам перейти на Hostingerдешевые планы в случае необходимости.

Вам нужен персональный веб-сайт?

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

Что я должен разместить на своем персональном веб-сайте?

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

Помогает ли наличие персонального веб-сайта найти работу?

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

Должны ли вы размещать свое резюме на своем сайте?

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

Подведение итогов: что вам больше всего нравится?

Итак, нравится ли вам моя коллекция? Какой из них показался вам наиболее креативным? Что, по-вашему, является самым важным в персональных сайтах?

Пожалуйста, поделитесь этим постом и своим мнением в Twitter (отметьте меня в Twitter @WebHostingJerry). Надеюсь, эта подборка поможет вам создать свой личный сайт в соответствии со всеми современными тенденциями.

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

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

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

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

1. Персональный сайт поможет рекрутерам найти вас гораздо проще.

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

2. Имея личный веб-сайт, вы получите конкурентное преимущество.

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

3. Наличие личного веб-сайта повысит ваши шансы найти работу.

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

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

4. Персональный веб-сайт дает вам свободу творчества.

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

5. Личный сайт более динамичен, чем резюме.

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

6. Наличие личного веб-сайта поможет вам приобрести новые навыки.

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

И теперь вы, вероятно, думаете про себя: «Я знаю, что должен иметь его, но как мне создать личный веб-сайт?»

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

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

Статьи по теме:

Более 35 примеров, которые поразят вас

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

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

Зачем создавать личный сайт?

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

Бесплатные шаблоны

Профессиональные био примеры, советы и шаблоны

Расскажите нам немного о себе ниже, чтобы получить доступ сегодня:

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

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

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

Щелкните одну из следующих ссылок, чтобы перейти к этому разделу этой статьи:

Сайты личных резюме
Персональные портфели
Личные блоги
Персональные демо-сайты

Лучшие персональные сайты

Гэри Шэн
Брэндон Джонсон
Куинтон Харрис
Шон Халпин
Тони Д’Орио
Верена Михелич
Гари Круз
Мелани Дэвид
Зверь вернулся
Дэниел Гриндрод
Вездеход
Нация суеты
пятьдесят чашек кофе
Минималистский Бейкер
Мистер Денежные Усы
Альбино Тоннина
Робби Леонарди
Сэмюэл Рид
Девон Станк

Персональные веб-сайты резюме

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

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

1. Гэри Шенг

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

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

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

2. Брэндон Джонсон

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

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

3. Куинтон Харрис

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

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

4. Rubens Cantuni

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

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

5. Martine Myrup

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

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

6. Тейлор Вауэлл

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

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

7. Johannes Schüchner

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

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

8. José Rocha

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

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

9. Hugo Bazin

Hugo Bazin — дизайнер продуктов, чей веб-сайт с резюме сочетает в себе удобство и привлекательный дизайн. В верхнем левом углу у него есть липкая кнопка для загрузки его резюме в формате PDF, но если вы хотите получить обзор, вы можете прокрутить вниз до раздела «Опыт», где вы можете увидеть его текущий и предыдущие работодатели.

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

10. Christian Kaisermann

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

В левом нижнем углу пользователи могут получить доступ к сканируемому HTML-резюме Kaisermann, электронной почте, Twitter и LinkedIn. Вы также можете активировать «Космический режим», который вызывает пульт дистанционного управления для переключения каналов — очень круто!

Передовой опыт для веб-сайтов резюме

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

Персональные портфолио

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

11. Шон Халпин

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

12. Тони Д’Орио

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

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

Открыв PDF-файл, вы заметите, что он снабжен визитной карточкой Д’Орио в качестве обложки… на всякий случай.

13. Verena Michelitsch

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

14. Гари Круз

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

Юмористическая копия на его сайте — особенно в разделах «17 случайных вещей» и «О да, они говорят» — служит для демонстрации его навыков, а также делает его более запоминающимся. Эти страницы также содержат его контактную информацию с правой стороны, что позволяет легко связаться и связаться в любой точке:

15.

Мелани Дейвейд

Веб-сайт Дейвейд — отличный пример принципа «меньше значит больше».

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

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

16. Зверь вернулся

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

В веб-портфолио Ли, известного под торговой маркой «The Beast Is Back», представлены привлекательные дизайны известных брендов, таких как Target и Mario, а также ссылки на покупку его работ. Это еще одно портфолио в стиле галереи с вкраплениями цвета, которые делают его забавным и придают ему индивидуальность, что делает его более запоминающимся.

17. Даниэль Гриндрод

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

18. Байрон МакНалли

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

19. Martine Myrup

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

20. Давиде Пероцци

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

Передовой опыт для веб-сайтов портфолио

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

Личные блоги

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

21. The Everywhereist

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

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

22. Side Hustle Nation

Side Hustle Nation — это бизнес-блог Ника Лопера, консультанта, чей веб-сайт предлагает множество ценных финансовых советов для индивидуальных владельцев бизнеса. Его домашняя страница, показанная выше, задает беззаботный, но страстный тон для своих читателей. Это предполагает, что вы получите дружественный контент, посвященный одной цели: финансовой свободе. Зеленый призыв к действию «Начните здесь» помогает новым посетителям точно знать, как перемещаться по его сайту.

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

23. пятьдесят кофе

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

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

24. Минималистский пекарь

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

25.

Мистер Денежные Усы

Мистер Денежные Усы, может быть, и старомодный фасад в стиле Банд Нью-Йорка, но дизайн его блога и советы, которые предлагает блог, не могут быть более свежими (он также на самом деле не похоже).

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

26. Марко Фенг

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

27. Мирамоно

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

28. Beamaker

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

29. Соль в наших волосах

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

30. Даниэль Си

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

Передовой опыт для блогов

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

Персональные демонстрационные веб-сайты

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

31. Альбино Тоннина

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

32.

Робби Леонарди

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

33. Samuel Reed

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

34. Renaud Rohlinger

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

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

35. Enric Moreu

Enric Moreu демонстрирует свои навыки 3D-дизайна, создавая интерактивное 3D-резюме. Когда пользователи прокручивают страницу, они плавно знакомятся с разговорными языками Мореу, языками программирования, навыками и опытом работы. Он привлекательный, легкий по тексту и визуально поразительный.

36. Мэрайя Уэзерсби

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

37. Исаак Файеми

Демонстрационный веб-сайт Исаака Файеми утонченный и яркий одновременно. Вместо того, чтобы загружать страницу чрезмерной графикой, он создал 3D-версию своей головы, которая следует за вашим курсором, когда вы перемещаетесь. У вас есть два варианта: узнать о нем больше или ознакомиться с его работами.