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

Статья написана:
  • Дизайн веб-сайта
  • Обновлено: июль 29, 2019

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

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

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

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

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

1. Ник Джонс

Пример личного сайта (новый) - Ник

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

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

Пример личного сайта (новый) - JB
Веб-сайт: jimramsden.com

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

Пример личного сайта (новый) - Владимир
Веб-сайт: strajnic.net

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

Пример личного сайта (новый) - Гари Веб-сайт: garylemasson.com

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

Пример личного сайта (новый) - Юлиана

Веб-сайт: Юлиана

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

Пример личного сайта (новый) - Паскаль

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

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

Пример персонального сайта (новый) - Дэрил

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

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

Пример личного сайта (новый) - AW

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

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

Пример личного сайта (новый) - Адам

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

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

Пример личного сайта (новый) - TBIB

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

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

Пример личного сайта (новый) - Тони

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

12. Шон Хэлпин

Пример личного сайта (новый) - Шон

Веб-сайт: seanhalpin.io

13. Тодд Генри

Пример личного сайта (новый) - Тодд

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

14. Гэри Шэн

Пример личного сайта (новый) - Гари Шенг

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

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

Пример личного сайта (новый) - AM

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

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

Пример личного сайта (новый) - JM

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

17. Льюис Хоус

Пример личного сайта (новый) - Льюис

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

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

Пример личного сайта (новый) - PW

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

19. Али Вонг

Пример личного сайта (новый) - Али Вонг

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

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

Пример персонального сайта (новый) - Albino

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

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

Пример персонального сайта (новый) - Эллен

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

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

Пример личного сайта (новый) - Саймон

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


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

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

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

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

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

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

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

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

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

В эти дни я использую Название Дешевые зарегистрировать и управлять всеми моими доменными именами. Для личного хостинга веб-сайтов, я рекомендую использовать Hostinger Единый - в основном потому, что у них самый дешевый хостинг для одного сайта (от $ 0.80 / мес) и простой в использовании конструктор сайтов.

Hostinger
Общий хостинг-план Hostinger начинается всего за $ 0.80 / месяц - идеально подходит для тех, кто размещает только один персональный сайт (посетите Hostinger онлайн).

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

Когда у вас будет домен и хостинг домена, следующий шаг - сделать сам сайт.

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

WYSIWYG редактор

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

Создание сайтов

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

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

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

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

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

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

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

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

Подведение итогов: Какой твой любимый?

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

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

О Джерри Лоу

Основатель WebHostingSecretRevealed.net (WHSR) - обзора хостинга, которому доверяют и используют пользователи 100,000. Более чем 15-летний опыт в веб-хостинге, партнерском маркетинге и SEO. Вкладчик в ProBlogger.net, Business.com, SocialMediaToday.com и многое другое.

Подключение: