Персональный сайт школа 1 ст хворостянка: Персональный сайт

Содержание

Персональный сайт – Главная страница

Меню сайта

Статистика

Онлайн всего: 1

Гостей: 1

Пользователей: 0

МУНИЦИПАЛЬНОЕ БЮДЖЕТНОЕ ОБЩЕОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ

СРЕДНЯЯ ШКОЛА ст. ХВОРОСТЯНКА

ДОБРИНСКОГО МУНИЦИПАЛЬНОГО РАЙОНА ЛИПЕЦКОЙ ОБЛАСТИ

Мы в социальных сетях: https://vk.com/club208693881

Электронные библиотеки (ресурсы для педагогов и учащихся):

Полезные ссылки:

Правила пожарной безопасности при проведении Новогодних праздников

Уважаемые родители!

Не оставляйте детей без присмотра!

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

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

ПАМЯТКА МЧС 48:

Внимание!!!

Если Вы получаете «серую зарплату» или обладаете информацией о ее выплатах,

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

77-02-54 или 77-09-33

Вход на сайт

Новости сайта

новости [16]

Календарь

Архив записей

2013 Май
2018 Сентябрь
2018 Октябрь
2018 Ноябрь
2018 Декабрь
2019 Январь
2019 Февраль
2019 Май
2019 Июнь

Друзья сайта

Официальный блог

Сообщество uCoz

FAQ по системе

База знаний uCoz

Персональный сайт – ОСНОВНЫЕ СВЕДЕНИЯ

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

Муниципальное бюджетное общеобразовательное учреждение

средняя школа cт. Хворостянка

Добринского муниципального района

Липецкой области

МБОУ СШ ст. Хворостянка

О дате создания образовательного учреждения: школа основана в 1962 году.

Учредитель МБОУ СШ ст.Хворостянка Добринского муниципального района Липецкой области

НАШ АДРЕС:

Юридический адрес: 399410 Липецкая область, Добринский район, ст.Хворостянка, ул. Октябрьская д.14.

Фактический адрес: 399410 Липецкая область, Добринский район, ст.Хворостянка, ул. Октябрьская д.14.
ул. Советская д.11., 399430, Липецкая область, п.Добринка, ул. Ленинская д. 2.

ИНН 480 400 44 36, ОГРН 1024800568407, КПП 480401001

ОКПО: 29851612

ОКФС: 14

ОКОГУ: 4210007

ОКОПФ: 75403 –

ОКТМО: 42612476

ОКАТО: 42212876

КОНТАКТЫ:

Телефон образовательной организации: +7 (47462) 57-395;

Адрес электронной почты:

[email protected]

Адрес официального сайта в сети “Интернет” : http://xvorostanka.narod.ru/

Представительств и филиалов ( в том числе находящихся за пределами Российской Федерации) нет.
Обучающихся, являющихся иностранными гражданами в МБОУ СШ ст. Хворостянка нет.

МЕСТА ОСУЩЕСТВЛЕНИЯ ОБРАЗОВАТЕЛЬНОЙ ДЕЯТЕЛЬНОСТИ:

399410, Липецкая область, Добринский район, ст. Хворостянка, ул.Октябрьская, д. 14″

Администратор школьного сайта:

Насонова Маргарита Игоревна

E-mail:[email protected]

Режим работы: 6 дней в неделю, понедельник – пятница: учебные дни; суббота: развивающий день.

График работы: понедельник – пятница по с 08-00 до 17-00; суббота с 09-00 до 14-00

Директор: Плотникова Валентина Александровна

Заместитель директора по учебной работе: Галкина Марина Михайловна

Заместитель директора по воспитательной работе: Насонова Маргарита Игоревна

Более 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 замечательных примеров личных веб-сайтов.

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

Ничего не найдено.

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

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

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

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

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

1. Jey Austen

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

Забавные штрихи, такие как использование готического шрифта 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 для создания полностью настраиваемых, готовых к производству веб-сайтов или высококачественных прототипов без написания ни строчки кода.

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

Подпишитесь на участие в программе предварительной оценки 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

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