10 сайтов-резюме, созданных с помощью Divi

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

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

Эти 10 веб-сайтов помещены в две категории. Внутри этих категорий они не расположены в определенном порядке. У нас даже есть бонус в конце - бесплатный макет резюме, который поможет вам создать свой собственный веб-сайт с резюме с помощью Divi. Давайте взглянем…

Сайты резюме

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

1. Велдон Фульц

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

См. Веб-сайт

2. Джек Макдауэлл

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

См. Веб-сайт

3. Андре Коста

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

См. Веб-сайт

4. Domonique Baul

Domonique Baul использует дочернюю тему Hello с фоновым изображением, именем и слоганом. Проекты отображаются в фильтруемом портфолио. Далее следует раздел с фотографией в левой трети экрана с информацией и гистограммами для отображения навыков. Работа, навыки, школа и награды отображаются в правых двух третях, что ведет к большим значкам Git Hub, LinkedIn и загружаемой ссылке на резюме. Контактная форма отображается поверх фонового изображения.

См. Веб-сайт

5. Дэвид Сомерфлек

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

См. Веб-сайт

Сайты с резюме

Эти сайты содержат резюме в виде одной страницы внутри сайта.

6. Аманда Брумелл

Аманда Брумелл использует в качестве веб-сайта полноэкранный слайдер изображений. Меню находится внизу экрана. Щелчок по любому из пунктов меню открывает эту информацию в модальном окне. Он также включает в себя значок Twitter в меню, которое, как и ожидалось, приведет вас к ее ленте Twitter. В резюме отображается таблица на вкладках. Первый набор вкладок включает театр, обучение, навыки и значок для загрузки резюме. Вкладка "Театр" включает вкладки в таблицах для Нью-Йорка и Интернационала. Изображения продолжают скользить на заднем плане.

См. Веб-сайт

7. Рольф Ливерс

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

См. Веб-сайт

8. Харис Джизмич

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

См. Веб-сайт

9. Марван Сальфити

Марван Сальфити перечисляет элементы резюме в виде маркеров под заголовками разделов оранжевым цветом. Сводка отображается более крупным шрифтом и занимает всю область текста. Следующие разделы текста разделены на два столбца: в левом столбце отображаются маркеры и длинные описания в пределах 2/3 столбца, а в правом столбце отображаются простые маркеры в пределах 1/3 столбца. Это просто, понятно и легко читается.

См. Веб-сайт

10. Келли Сантьяго

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

См. Веб-сайт

Создайте свой собственный веб-сайт резюме с Divi

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

См. Бесплатный макет

Конечные мысли

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

Ждем вашего ответа. Какой из этих дизайнов резюме вам нравится больше всего? Дайте нам знать об этом в комментариях.

Лучшее изображение через hvostik / shutterstock.com