Как показать свои работы будущим работодателям так, чтобы среди многих кандидатов они выбрали именно вас? Ответ очевиден — с помощью профессионально оформленного портфолио. Но, если вы до сих пор думаете, что список ссылок в текстовых документах Google или Word удовлетворит заказчика, то самое время пересмотреть свой подход.
Как выделиться среди конкурентов? Как показать свою уникальность? Создайте собственный сайт-портфолио!
Сейчас есть много разных сервисов, где можно сделать свой сайт, но один из самых удобных и популярных — Тильда. Это конструктор, на котором можно легко и быстро делать красивые и функциональные страницы без навыков программирования.
В этой статье я расскажу, как бесплатно создать портфолио в Тильде, даже если вы раньше не занимались веб-разработкой.
Итак, готовы начать? Тогда давайте сделаем ваше первое портфолио вместе!
Шаг 1: Регистрация пользователей в Тильде
Откройте браузер и перейдите на официальный сайт Tilda. Нажмите на кнопку Регистрация.
Введите свои данные:
- имя
- электронная почта
- пароль
После заполнения всех полей нажмите Зарегистрироваться.
Проверьте свою почту. Найдите письмо от Tilda и подтвердите регистрацию, нажав на предоставленную ссылку.
После подтверждения почты вы сможете выбрать подходящий тариф. Для начала выберите бесплатный план Free, с помощью которого вы самостоятельно создадите базовый сайт с ограниченным количеством функций. Этого вполне хватит для начинающего пользователя.
Дальше приступаем к следующему шагу — созданию проекта и выбору шаблона.
Шаг 2: Создание проекта и выбор шаблона
После успешной регистрации и входа в систему, Tilda предложит вам создать новый сайт. Назовите его Портфолио и нажмите кнопку Создать.
Смело нажимаем на плашку с вашим проектом, чтобы перейти в панель управления сайтом.
Внутри проекта вы увидите, что у вас нет активных страниц. Чтобы продолжить работу, кликаем Создать новую страницу.
Затем система предложит выбрать: использовать пустой шаблон или воспользоваться готовым дизайном.
Для начального портфолио лучше использовать готовый шаблон. Он содержит структуру и элементы, которые можно адаптировать под свои нужды.
Как добавить шаблон в Тильде? Переходим в каталог. Смотрим предлагаемые варианты. Остановимся на проекте Универсальная страница. Он хорошо подходит для создания лаконичного портфолио: минималистичный дизайн и акцент на работах. Существующие блоки в нем легко можно редактировать: изменять, добавлять новые, скрывать ненужные.
Щелкаем по шаблону и нажимаем Выбрать.
Теперь перейдем к наиболее увлекательной части: наполним страницу контентом и сделаем ее интересной для будущих клиентов.
Шаг 3: Заполнение контентом
Заходим в редактор сайта.
Меню с навигацией в верхней части страницы скроем, так как сейчас мы создаем одностраничный сайт-портфолио с минимумом информации.
Для этого наводим курсор на меню и нажимаем кнопку переключателя.
Перейдем к оформлению обложки.
Оформление обложки
Обложка — визитная карточка вашего портфолио. Это первое, что увидят посетители. Сделайте ее оригинальной.
Щелкаем в верхней части страницы на Плюс.
Найдите блок Обложка и выберите, например, раздел CR 02.
Правильно будет сначала представиться. Пишем имя, фамилию, специальность. Все настройки текстовых элементов можно изменить в верхней части панели редактора. Выбирайте шрифт, размер, интервал по своему желанию. Кликните Настройки в левой части страницы. Там можно поменять общие параметры обложки, такие как фон, цвет, выравнивание и другие стили. Экспериментируйте!
Перейдем к визуальной части — поменяем дизайн обложки. Здесь все индивидуально. Выбираем подходящую тему или собственную фотографию. Не забываем про размер изображения. Рекомендуется 1500×900 пикселей.
В верхней панели находим кнопку Контент.
Кликаем Загрузить файл и выбираем нужный объект из своего архива. После загрузки изображения нажимаем Сохранить и закрыть.
Теперь ваш сайт начинает приобретать индивидуальный облик. Поиграйте с фоном и текстом. Убедитесь, что они гармонично сочетаются.
Двигаемся дальше. Начинаем наполнять сайт основным содержанием: информацией о себе, примерами работ и контактными данными.
Раздел «О себе»
Сначала уберем ненужные блоки.
В левой части поменяем заголовок блока О компании на другой, например, Мои навыки или О себе. Справа напишите коротко о вашем опыте, специализации и достижениях.
Продолжайте экспериментировать со шрифтами. Оформите текст так, чтобы он был читаемым и понятным.
Кейсы и проекты
Создадим блок с примерами работ. Название Наши услуги можно поменять на Мои работы. Лишний текст снизу удалим.
Под заголовком размещаем изображения и названия ваших проектов. Для этого кликаем Контент, находим Карточки и приступаем к следующим действиям:
- Удаляем предыдущую картинку
- Загружаем собственную тему
- Пишем заголовок своей работы
Остаемся в разделе Контент. Находим строку с параметрами ссылки, вставляем URL вашей работы в соответствующее поле. Обязательно ставим флажок В новом окне. Так пользователи откроют ваш проект в другой вкладке, не покидая основное портфолио. Теперь Сохраняем и закрываем.
Аналогично поступаем и с другими работами.
Количество карточек можно увеличить. Наводим курсор на кнопку Дублировать.
Появится точно такой же блок с работами. Чтобы красиво расположить их на странице друг за другом, сделаем следующее. В дублированном блоке удалим заголовок Мои работы. Перейдем в настройки. Найдем строку Отступ сверху и поставим размер — 0,5 line.
Возвращаемся к первому блоку с работами. В настройках ищем Отступ снизу. Устанавливаем размер — 0 line.
Теперь оба блока будут аккуратно располагаться рядом друг с другом.
Количество карточек в ряду можно изменить. Переходим в Настройки и выбираем подходящую цифру.
Лишние карточки не удаляйте. Они вам еще понадобятся, когда вы добавите новые проекты в портфолио. Просто временно скройте их, чтобы они не мешали просмотру актуальных работ. В разделе Контент находим соответствующую картинку и выключаем ее.
Также отключите другие ненужные блоки. Нажмите кнопку переключателя в правой части страницы. Щелкните плюс и откройте меню со списком разных элементов слева. Подберите те, которые сделают ваше портфолио более информативным:
- фотографии или иллюстрации
- видео
- документы
Добавление документов
Давайте разберемся, как создать раздел для документов. Это блок, где вы сможете разместить свои сертификаты и дипломы, подтверждающие вашу квалификацию.
Начнем с заголовка. Нажимаем Плюс. Выбираем Заголовок и щелкаем блок TL02B.
Напишем название Сертификаты и перейдем в Настройки. Здесь настроим отступы. Сверху поставим 3, снизу — 0. Кроме того, можно поменять фон всего блока и выделить его цветом, чтобы он визуально отличался от остальных частей страницы. Посмотрите на буквы, которыми обозначается выбранный вами цвет. Запомните их. В нашем случае это eeee (англ) — серый нейтральный.
Теперь перейдем к документам. Нажимаем плюс и добавляем новый блок. В Галерее щелкаем GL01.
Удалите все предыдущие картинки и загрузите свои файлы. Сохраните.
Далее в настройках поставьте галочку возле строки Увеличение изображения по клику. И отредактируйте масштабирование документа. Чтобы документ не получился обрезанным, выберите Целиком помещается внутри блока.
Теперь настроим отступы и цвет этого блока так, чтобы он сочетался с заголовком и общим оформлением страницы.
В настройках выберите тот же фон, что и для заголовка. Введите буквы (англ) цвета из предыдущего раздела, и подходящий оттенок появится автоматически. Ставим отступы: сверху — 0, снизу — 3.
Теперь блок смотрится целостно и гармонично.
Экспериментируйте с палитрой. Ищите свой стиль. Тогда ваше онлайн-портфолио станет запоминающимся.
Контактная информация
Переходим к последнему разделу Наши контакты. Так как в бесплатной версии форма не работает, мы заменим этот блок на Контакты с заголовком.
Добавьте номер телефона, электронную почту и ссылки на социальные сети.
Убедитесь, что ваша контактная информация легко доступна, чтобы потенциальные клиенты могли быстро связаться с вами.
Ваше портфолио почти готово! Теперь наступает самый волнующий момент — публикация в интернете.
Шаг 4: Публикация и продвижение
После редактирования нажмите на кнопку Опубликовать в панели управления Tilda. Ваш сайт станет доступен по уникальному адресу.
Проверьте, как он выглядит на разных устройствах (телефон, планшет). Удостоверьтесь, что все элементы отображаются корректно.
А теперь несколько рекомендаций по продвижению:
- разместите ссылку в профилях социальных сетей: телеграмм, ВК
- делитесь ею в группах и сообществах для фрилансеров
- добавьте ссылку в подпись ваших электронных писем и в резюме
Поздравляю! У вас получилось создать электронное портфолио в Тильде. Продолжайте развивать его: добавляйте новые работы, обновляйте дизайн, изучайте дополнительные функции. Это будет хорошим доказательством вашей квалификации.
Удачи в привлечении клиентов!
Автор: Светлана Сбитнева
Статья студента
