Персональные сайты: Корпоративный портал ТПУ — Персональные сайты — Независимое театральное объединение "Зрительские симпатии"

Содержание

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

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

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

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

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

Создаете свой первый сайт? Попробуйте использовать конструктор сайтов без кода
Для создания сайта с помощью такого конструктора, как 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). Надеюсь, эта подборка поможет вам создать свой личный сайт в соответствии со всеми современными тенденциями.

Персональные сайты наших воспитателей — Муниципальное бюджетное дошкольное образовательное учреждение детский сад «Аленка»

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

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

ПЕРСОНАЛЬНЫЕ САЙТЫ ПЕДАГОГОВ

Персональный сайт воспитателя Родиной Альфии Мусиновны

Профессиональный девиз: «Сердце отдаю детям!»

WWW.RODINADOU.RU

Персональный сайт воспитателя Макашовой Галины Леонидовны

Профессиональный девиз:
С детьми всегда должна быть рядом, даря тепло и согревая взглядом,
Их в мир прекрасного вести, и помнить заповедь — «Не навреди»!

WWW.GALINA2411.RU

Персональный сайт воспитателя Яковлевой Антонины Александровны

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

WWW.YAKOVLEVADOU.RU

Сайт педагога и инструктора по ФИЗО Лыковой-Изотовой Евгении Викторовны

«Ядром моей педагогической философии является убеждение того, что здоровый и развитый ребенок – главная ценность общества. Мое педагогическое кредо: прививать интерес к физической культуре, приучать ребенка к здоровому образу жизни.».

WWW.lykova-izotova-fzk.com/

ПЕРСОНАЛЬНЫЕ СТРАНИЦЫ ПЕДАГОГОВ

Персональная страница воспитателя Коротковой Юлии Анатольевны

«Чувствуй индивидуальность каждого ребенка, люби его всем сердцем!»

WWW.nsportal.ru/korotkova-yuliya-anatolevna

Персональный сайт воспитателя Петровой Дарьи Анатольевны

Профессиональный девиз:
Помогая, не навреди.

WWW.DPDOU.RU

Персональная страница воспитателя Мурадовой Саадат Ибрагимовны

«Цветок, доверенный нам мамой — лелеем, любим и растим»

WWW.nsportal. ru/saadat

Персональная страница воспитателя Съединой Людмилы Ивановны

«Дела? Проблемы? Все пустое! Душа ребенка — вот святое! Цветок в душе еще так мал! Успей полить, чтоб не завял!»

WWW.nsportal.ru/sedina-lyudmila-ivanovna

Персональная страница воспитателя Магеррамовой Эльмары Сахибовны

Моя работа, любовь с заботой!

WWW.nsportal.ru/magerramova-elmara-sahibovna

Персональная страница воспитателя Гончарук Татьяны Юрьевны

«Смотри на мир с любовью и улыбкой и мир тебе ответит тем же».

WWW.nsportal.ru/goncharuk-tatyana-yurevna

Персональная страница воспитателя Черновой Елены Александровны

«Я знаю, я не напрасно тружусь, я — воспитатель, и этим горжусь!».

www.nsportal.ru/elena-cher-0

Персональная страница воспитателя Фанасковой Нины Давыдовны

Девиз: «Ладони ребенка в руки возьмем, и сердце свое для него распахнем!»

www.nsportal. ru/fanaskova-nina-davydovna

Более 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. Хьюго Базен

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

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

10. Кристиан Кайзерманн

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

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

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

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

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. Сэмюэл Рид

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

34. Renaud Rohlinger

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

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

35. Enric Moreu

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

36.

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

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

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

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

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

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

Разработка персонального веб-сайта

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

Примечание редактора: этот пост был первоначально опубликован в апреле 2019 года и обновлен для полноты.

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

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

Джефф Карделло

Портфолио за 21 день

Визуально спроектируйте и создайте индивидуальный веб-сайт портфолио за 21 день.

Старт курса

Начать курс

Бесплатный курс

Персональный веб-сайт или портфолио — это возможность привлечь больше людей своей работой.

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

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

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

Вот несколько примеров, которые помогут вам начать работу.

1. Джей Остин

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

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

2. Arlen McCluskey

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

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

3. Mack and Pouya

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

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

4. Эйлин

Эйлин — дизайнер цифровых продуктов, которая работала для Amazon, Tumblr, General Assembly и других клиентов. Мы поклонники чистых современных примеров веб-сайтов, таких как Aileen, которые имеют достаточно свободного пространства и тщательно следят за организацией различных элементов.

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

5. Ojieame

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

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

Личный веб-сайт Оджиэме является доказательством того, что можно объединить большой объем работы в одностраничный дизайн творчески и связно.

6. Я Тамара

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

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

7. Галь Рабаниам

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

8. Colin Moy

Этот веб-сайт с умно анимированными глазами, представляющими буквы «О» в слове «Colin Moy», и золотисто-желтым фоном мгновенно привлекает внимание.

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

9. Томас Боск

Контент-менеджер Томас Боск создал привлекательное и информативное портфолио, отражающее его навыки создания контента.

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

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

10. Editorial

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

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

Дайте волю своему творчеству в Интернете

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

Начните бесплатно

Подпишитесь на участие в программе предварительной оценки Webflow

Спасибо! Теперь вы подписаны!

Ой! Что-то пошло не так при подписке.

Начать бесплатно

11. Бобби Роу

Интернет-портфолио Бобби Роу начинается с заявления: «Я верю, что суперзвезды рождаются и формируются». Его личный веб-сайт полон захватывающих красок и остроумия, доказывающих, что Бобби сам по себе суперзвезда.

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

12. Элис Ли

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

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

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

13. Эмре Девсерен

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

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

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

14. Мэтью П. Мангер

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

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

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

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

15. Веб-сайт портфолио — Бесплатный шаблон

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

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

16. Дэн Мачадо

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

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

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

17. Sabanna

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

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

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

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

18. Cheech Minniear

Как только вы доберетесь до портфолио дизайна UI/UX Чича Минниара, вас встретит приятный всплеск действий. Увеличиваются песочные часы, за которыми следует блок социальных сетей, который встает на место в левой части экрана. На этом анимация не заканчивается, с множеством взаимодействий, запускаемых прокруткой, которые перемещают контент и изображения на свои места.

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

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

19. Вэнс Бэнкс

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

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

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

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

20. Кайл Крэйвен

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

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

Развивайте свой личный бренд с помощью веб-сайта, созданного в Webflow

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