Содержание
Шаг №1: Выберите доменное имя для своего портфолиоШаг №2: Выберите правильный конструктор сайтов и планШаг №3: подумайте о структуре вашего портфолиоШаг №4: выберите подходящий шаблонШаг №5: настройте свое онлайн-портфолиоШаг №6: продемонстрируйте свою работуШаг №7: напишите отличный текстШаг №8: сделайте так, чтобы потенциальным клиентам было легко с вами связатьсяШаг №9: подключите доменШаг №10: откройте предварительный просмотр вашего онлайн-портфолиоПопробуйте получить от этого удовольствиеЧасто задаваемые вопросы
![wix-logo](https://dt2sdf0db8zob.cloudfront.net/wp-content/uploads/2017/08/wix-logo-3.png)
![wix-logo-alt](https://dt2sdf0db8zob.cloudfront.net/wp-content/uploads/2017/08/wix-logo-alt-2.png)
Сэкономьте 50 % на тарифе Wix!
Не пропустите это ограниченное предложение!
10660 пользователя(ей) использовали этот купон
Шаг №1: Выберите доменное имя для своего портфолио
Выбор доменного имени для любого сайта – это целое искусство (у нас есть обширное руководство, подтверждающее это). Но откровенно говоря, ваше имя и простой .com – именно то, что вам нужно. Если у вас есть творческое имя или название компании, используйте его. Произвести впечатление и так достаточно сложно. Если ваша работа найдет отклик у кого-то, они, скорее всего, запомнят ваше имя, а ненужная информация будет только мешать. Пробуйте различные вариации, если ВашеИмя.com уже занято. В моем портфолио, например, могут быть AndresGanem, AndresG, AGanem, DresGanem и другие подобные комбинации. Домен .com – тоже немаловажен. Да, он может стоить дороже, но это самый популярный TLD (домен верхнего уровня) в мире. Поэтому люди, естественно, запомнят его. Вы всегда можете воспользоваться нашим генератором доменных имен, чтобы узнать доступные варианты.Совет от профессионала: если говорить про запоминаемость, индивидуальный логотип может сотворить чудеса с вашим портфолио. У Wix есть конструктор логотипов, которым вы можете воспользоваться бесплатно с планом VIP и выше. Ознакомьтесь с нашим обзором о конструкторе логотипов Wix, чтобы узнать больше.
Шаг №2: Выберите правильный конструктор сайтов и план
С автономным сайтом WordPress вы получите полный контроль над каждым аспектом вашего портфолио, но вы должны быть готовы уделить его созданию немало времени и владеть определенными навыками. Конструкторы сайтов позаботятся о мельчайших деталях и предоставят вам инструменты, необходимые для быстрого и простого создания сайта. Их использование даже может быть более финансово выгодным. Хостинг, регистрация домена и плагины – недешевое удовольствие. Конструкторы сайтов обычно предлагают все это за меньшую плату. К тому же, вы будете знать цену с самого начала. Такие конструкторы, как Wix или SITE123, предоставляют полностью бесплатные планы. Однако я не стал бы рекомендовать использовать эти бесплатные тарифы, поскольку наличие домена Wix или SITE123 может показаться непрофессиональным. Мой совет – начните с самого дешевого конструктора, который предоставляет собственный домен. Вы всегда можете обновиться, если это будет необходимо. Я создал портфолио с каждым из перечисленных ниже конструкторов, и считаю, что они лучше всего сочетают в себе простоту использования и настраиваемость. Тем не менее, выбор наиболее подходящего для вас варианта будет зависеть от ваших конкретных требований.1. Wix – лучший конструктор для свободы творчества
![Wix portfoilo homepage](https://dt2sdf0db8zob.cloudfront.net/wp-content/uploads/2021/11/Screenshot_30-optimage1.jpg)
- Неограниченный редактор перетаскивания. Wix – единственный конструктор, позволяющий размещать элементы в любом месте страницы.
- Специальные виджеты для отображения вашей работы. Такие функции, как маски для видео или настраиваемые слайд-шоу, являются интересным способом демонстрации ваших проектов.
- Более 800 шаблонов. Каждый шаблон специально разработан для определенной ниши или отрасли, и поддается полному редактированию.
- Локализированный интерфейс. Пользовательский интерфейс доступен на русском.
2. Squarespace – лучший конструктор для работы с визуалом
![squarespace-jason-wild-template](https://dt2sdf0db8zob.cloudfront.net/wp-content/uploads/2021/11/squarespace-jason-wild-template-optimage1.png)
- Интуитивно понятный редактор блоков. Хотя Squarespace рекламирует свой редактор как «перетаскиваемый», он скорее является инструментом для редактирования блоков – и это хорошо. Благодаря такому ограничению сайты Squarespace не будут выглядеть запутанными или несбалансированными.
- Профессионально разработанные шаблоны. Каждый из более чем 100 шаблонов элегантен и адаптивен.
- Поддержка сторонних приложений. Существует множество сторонних приложений, которые вы можете добавить на сайт Squarespace, чтобы расширить его функциональность.
3. SITE123 – лучший конструктор для новичков
![timothy-simons-site123-template](https://dt2sdf0db8zob.cloudfront.net/wp-content/uploads/2021/11/timothy-simons-site123-template-optimage1.png)
- Тур для новичков. Вы можете получить полное представление о работе SITE123, как только создадите свой первый сайт.
- Шаблоны с респонсивным дизайном для мобильных устройств. Мобильный вид вашего сайта автоматически обновляется каждый раз, когда вы вносите какие-либо изменения.
- Рынок приложений. Расширьте свои возможности с помощью премиальных приложений SITE123.
- Пользовательский интерфейс. Он переведен на русский.
- Служба поддержки по электронной почте на русском.
4. Zyro – самый быстрый конструктор
![joplin-by-zyro](https://dt2sdf0db8zob.cloudfront.net/wp-content/uploads/2021/11/joplin-by-zyro-optimage1.png)
- Создание контента при помощи ИИ. Здесь представлены функции ИИ для разработки вашего сайта, создания логотипа и даже написания контента.
- Умная тепловая карта. Используйте отслеживание активности, чтобы улучшить алгоритм взаимодействия с пользователями на ваших страницах.
- Круглосуточная служба поддержки. Если вам понадобится помощь, вы можете связаться с Zyro в любое время и получить оперативный ответ. Вы можете обращаться к службе поддержки на русском, поскольку агенты пользуются Google переводчиком.
- Пользовательский интерфейс. Он доступен на русском.
Особенность | Шаблоны портфолио | Бесплатный план | Пользовательский интерфейс на русском | Стартовая цена | |
Wix | Редактор без каких-либо ограничений | 76 | ✔ | ✔ | $17.00 |
Squarespace | Потрясающие шаблоны | 144 | ✘ | ✘ | $16.00 |
SITE123 | Полностью респонсивный дизайн для мобильных устройств | 6 | ✔ | ✔ | $12.80 |
Zyro | Контент, созданный ИИ | 10 | ✘ | ✔ | $4.41 |
Шаг №3: подумайте о структуре вашего портфолио
Итак, вы уже выбрали отличный домен и знаете, какой конструктор лучше всего соответствует вашим требованиям. Наконец-то можно приступить к процессу создания, верно? Не совсем. Перед тем, как начать, вам нужно определиться, чего вы хотите от своего сайта. Если вы этого не сделаете, то ваш сайт будет лишен какой-либо структуры или, что еще хуже, вы вообще не сможете его построить. Мои рекомендации:- Просмотреть различные портфолио в вашей нише. Кем вы восхищаетесь в своей отрасли? Кого вы считаете успешным? Во время создания моего писательского сайта я посещал сайты моих любимых авторов, даже тех, чей стиль отличается от моего. Писательству не присуща такая эффектность, как фотографии или дизайну, поэтому мне нужно было вдохновиться настолько сильно, насколько это возможно, чтобы создать что-то действительно уникальное.
- Учтите свою личность. Изучать другие портфолио – это здорово, но нужно помнить про свою индивидуальность. Что отличает вас от других? Что делает вашу работу уникальной? Писателю-беллетристу может понадобиться сайт, который передает определенную атмосферу, а комику – сайт, показывающий всю его несерьезность.
- Сделайте набросок своего сайта. Даже если у вас в голове выстроилась четкая картинка вашего портфолио, вам нужно создать макет дизайна. Мысленный взор может подвести вас, а удаление того, что вам может не понравиться, причинит гораздо меньше вреда, если вы просто сотрете это на рисунке, чтобы потом не перечеркивать часы проделанной работы.
Совет от профессионала: сделайте свой сайт больше прокручиваемым, нежели кликабельным. При частом нажатии посетители могут почувствовать, что принимают на себя какие-либо обязательства, что может отпугнуть их. Прокрутка требует минимального количества усилий и может повысить вовлеченность.
Помните, что структура сайта поддается конфигурации. Вы всегда можете внести изменения по ходу дела. Как только вы поймете, каким должен быть ваш сайт, переходите к следующему шагу!
Шаг №4: выберите подходящий шаблон
Шаблоны могут быть как общими “photography CV” (резюме фотографа), так и конкретными “Textile Designer Portfolio” (портфолио текстильного дизайнера). Обратите внимание также на шаблоны, созданные для других ниш. Если вы замените все фотографии зданий хэдшотами, шаблон архитектуры может стать отличным вариантом для визажиста. Сравните свой макет в различных вариантах. Какой из них лучше?![Screenshot_31](https://dt2sdf0db8zob.cloudfront.net/wp-content/uploads/2021/11/Screenshot_31-optimage1.jpg)
![1 RU How to Build an Online Portfolio That Gets You Noticed in [2021] (3953)](https://dt2sdf0db8zob.cloudfront.net/wp-content/uploads/2021/12/1-ru-how-to-build-an-online-portfolio-that-gets-you-noticed-in-2021-3953--6.png)
Шаг №5: настройте свое онлайн-портфолио
У каждого из нас процесс настройки будет разным. Я расскажу вам о своем и надеюсь, что он направит вас на правильный путь. Но если вдруг вы начнете кричать на свой компьютер из-за того, что я делаю, не делайте этого. Во-первых, я разрабатывал сайт с использованием плейсхолдеров. Там, где мне нужна была фотография, я использовал векторную графику от Wix. Классический «lorem ipsum» я поместил там, где мне нужен был текст, и так далее. Для меня это было спасением. Вместо того чтобы зацикливаться на мелких деталях, я сразу же работал над целостной картинкой.![Copy of Copia di How to Build an Online Portfolio __IMAGES__ (3)](https://dt2sdf0db8zob.cloudfront.net/wp-content/uploads/2021/11/Copy-of-Copia-di-How-to-Build-an-Online-Portfolio-__IMAGES__-3-optimage1.png)
Шаг №6: продемонстрируйте свою работу
Да, переход с главной страницы – это серьезный шаг, но для этого и нужны образцы – убедить людей сделать этот шаг.![1 RU How to Build an Online Portfolio That Gets You Noticed in [2021] (3953)](https://dt2sdf0db8zob.cloudfront.net/wp-content/uploads/2021/12/1-ru-how-to-build-an-online-portfolio-that-gets-you-noticed-in-2021-3953--8.png)
- Не показывайте все, что вы когда-либо делали. Выберите свою лучшую работу. Если вы сделали всего одну или две вещи, которыми гордитесь, представьте их в наиболее выгодном свете. Не смешивайте их с дюжиной других «хороших» проектов.
- Не усложняйте. Выберите определенный стиль и придерживайтесь его. Старайтесь не менять цвета фона, шрифты или элементы дизайна между проектами.
- Используйте внешние ссылки. Если ваша работа была опубликована в каком-либо важном месте, добавьте ссылку на нее. Покажите какую-либо часть своей работы и любые оставленные вам отзывы. Это вызовет интерес и продемонстрирует, что вы хорошо умеете работать с клиентами.
- Покажите тизер, а не все целиком. Вспомните об интригующих концовках в телешоу. Если вы показываете наиболее интересную часть крупного проекта, то вызываете у зрителей желание узнать больше.
- Сфокусируйтесь на визуале, но не переусердствуйте. Для некоторых ниш это не проблема. Но если ваша работа не является визуальной по своей природе, попробуйте добавить изображение обложки с высоким разрешением, которое будет хорошо сочетаться с ней. Эти элементы не должны отвлекать внимание от вашей работы – просто не позволяйте посетителям заскучать.
![1 RU How to Build an Online Portfolio That Gets You Noticed in [2021] (3953)](https://dt2sdf0db8zob.cloudfront.net/wp-content/uploads/2021/12/1-ru-how-to-build-an-online-portfolio-that-gets-you-noticed-in-2021-3953--9.png)
Шаг №7: напишите отличный текст
Разницей между хорошим и отличным портфолио является грамотно написанный текст. Не нужно заполнять свой сайт текстом, даже если он является ключевой частью вашей работы (особенно если это так), но убедитесь в том, что ваш текст превратит обычных посетителей в ваших поклонников. Как же это сделать? Существует огромное количество книг о копирайтинге, поэтому, хотя я не могу рассказать вам абсолютно все, я все же поделюсь с вами несколькими советами.- Будьте прямолинейны. Представьте, как один единственный человек просматривает ваш сайт. Установите с ним контакт. Не говорите: «Я предлагаю профессиональные фотоуслуги». Скажите: «Я сделаю так, что ваша собака будет отлично выглядеть в свитере».
- Не прячьте свою личность. Расскажите немного о себе. Мы в 2024. Ваш личный бренд стоит столько же, сколько и ваша работа. То, как вы говорите о себе, имеет такое же значение, как и то, что вы говорите в принципе.
- Продемонстрируйте свою уверенность. Это ваше портфолио. Если вы не верите в себя, то чего вы ожидаете от других? Сделайте акцент на ваших достижениях и признаниях. Говорите открыто о том, что выделяет вас из толпы.
![1 RU How to Build an Online Portfolio That Gets You Noticed in [2021] (3953)](https://dt2sdf0db8zob.cloudfront.net/wp-content/uploads/2021/12/1-ru-how-to-build-an-online-portfolio-that-gets-you-noticed-in-2021-3953--10.png)
Совет от профессионала. Не обязательно делать все самостоятельно. Вы можете обратиться за помощью к хорошим и недорогим копирайтерам на Fiverr.
Если ваш текст действительно хорош, посетители сразу же захотят с вами связаться. Вот поэтому вы должны позаботиться о том, чтобы они смогли сделать это без каких-либо проблем.
Шаг №8: сделайте так, чтобы потенциальным клиентам было легко с вами связаться
Вы найдете предустановленный шаблон для страницы контактов почти в каждом конструкторе. Просто убедитесь, что ваша страница контактов выглядит так же эффектно, как и сайт в целом. Вся суть онлайн-портфолио в том, чтобы клиенты могли связаться с вами. Если они переходят на страницу контактов, считайте, что цель выполнена. Отличный заголовок и изображение могут стать последним толчком, в котором они нуждаются. Что может быть менее очевидным, но не менее важным: убедитесь, что у посетителей есть возможность связаться с вами в любой точке вашего сайта. Wix включает опцию «показывать на всех страницах», которую я использовал для отображения контактной формы внизу каждой страницы. Я также разместил кнопки социальных сетей в правом верхнем углу каждой страницы.![Copy of Copia di How to Build an Online Portfolio __IMAGES__ (4)](https://dt2sdf0db8zob.cloudfront.net/wp-content/uploads/2021/11/Copy-of-Copia-di-How-to-Build-an-Online-Portfolio-__IMAGES__-4-optimage1.png)
Шаг №9: подключите домен
Вот еще одна замечательная вещь в использовании конструктора сайтов: возможность беспроблемного подключения домена к вашему сайту. Получите собственное доменное имя с одним из премиум-планов Wix, и вуаля, все готово. Все, что вам нужно сделать, чтобы подключить домен с Wix – зайти в настройки вашего сайта. Найдите опцию «подключить домен» и введите свое доменное имя. Даже если вы работаете не с Wix, большинство конструкторов сайтов предоставят вам бесплатный домен на один год с любым премиальным тарифом. Практически все. Последнее, что нужно сделать – открыть предварительный просмотр своего сайта перед запуском.Шаг №10: откройте предварительный просмотр вашего онлайн-портфолио
Прежде чем запустить свой сайт, просмотрите его несколько раз. Если можете, покажите его другу. Узнайте его мнение. Хорошо ли он выглядит? Передает ли он задуманную вами атмосферу? Ваш друг нанял бы вас на основе вашего сайта?![Copy of Copia di How to Build an Online Portfolio __IMAGES__ (5)](https://dt2sdf0db8zob.cloudfront.net/wp-content/uploads/2021/11/Copy-of-Copia-di-How-to-Build-an-Online-Portfolio-__IMAGES__-5-optimage1.png)
![Wix-completed-portfolio](https://dt2sdf0db8zob.cloudfront.net/wp-content/uploads/2021/11/how-to-build-an-online-portfolio---andres-16.gif)