Привет. Могу помочь разорвать цепочку, оформить веб-портфолио дизайнера и разработчика
https://webmentor.pro/portfolio
В качестве идей для веб-дизайнера:
Посмотри не на themeforest, где уже целые темы - это сложно для начинающего концепцию целого сайта придумать, а на
https://dribbble.com/ - там дизайнеры публикуют очень небольшие по объёму работы, например только форма обратной связи или одна страница приложения-чата.
Первый вариант -
ревью чужих работ.
Как дизайнеру я предлагаю тебе взять раздел "Дебюты"
https://dribbble.com/shots?list=debuts, оценить любую работу по качеству, найти недостатки. Считай что ты как будто занимаешься приёмом на работу другого дизайнера. Встал на другую сторону так сказать.
После твоего же ревью найди возможность улучшения чужой работы, исправить самостоятельно, то есть перерисуй с учётом своих же замечаний.
После этого в портфолио можно вставить чужую работу как образец, свои замечания к ней и переработанную личную версию. С пометкой "ревью", "ремейк", "по мотивам". Это не воровство, а абсолютно самостоятельная работа.
Второй вариант, который встречается на практике -
рисовать новые страницы сохраняя общий стиль и идею.
Вот дали тебе PSD макеты нескольких страниц или UI Kit с полным набором всех элементов интерфейса. Нарисуй страницу, которой нет. Например, у тебя на руках только PSD главной страницы и формы обратной связи. Как бы выглядела страница со списком клиентов, страница тарифов, страница личного кабинета пользователя, страница витрины интернет-магазина в том же стиле? Эта работа дизайнера. Они не всегда рисуют дизайн с нуля. Бывает к проекту подключают второго или третьего дизайнера и они обязаны продолжать работу в одном стиле.
Это не воровство, а тоже абсолютно самостоятельная работа.
Третий вариант -
имитация работы с заказчиков и исполнителем.
Ты ведь часто ходишь по сайтам, мы все тут часто куда-то ходим. Поставь себе таймер на какой-нибудь момент времени и когда он сработает - СТОП! - та страница, на которой ты сейчас находишься - она требует срочного редизайна.
1) представь, что ты сам заказчик:
посмотри на то что уже есть на странице;
определи задачу, которую решает эта страница;
определи задачу, которую решает этот сайт;
опиши задание дизайнеру на редизайн
2) представь, что ты сам дизайнер:
сделай прототип;
черновой дизайн;
и наконец выполни задачу
И это не воровство, а самостоятельная работа.
В качестве идей для веб-разработчика:
Запрограммируй то, что видишь на макете. Можно использовать тот же
https://dribbble.com/ - там полно целых макетов сайтов и отдельных элементов интерфейса.
Покупать только PSD считаю бесполезной тратой. Рекомендую брать сразу готовый результат вёрстки (то есть HTML шаблона сайта), к которому прилагается PSD, чтобы сделать вёрстку самостоятельно и потом сравнить свой вариант и вариант более опытного верстальщика. Учиться у старших, можно сказать. Особенно ценными считаю макеты, у которых есть ревизии, то есть их переделывали несколько раз, исправляя замечания.
Ищи в google по фразе "free PSD HTML5"
Примеры:
bootflat.github.io
https://thesiteslinger.com/blog/free-html-templates
graphicdesignjunction.com/2015/10/html5-website-te...
Есть вариант списаться с дизайнерами, которые выложили на themeforest только PSD макеты. Их можно сверстать и продавать самостоятельно или совместно с автором темы согласно вашей договорённости.
Конечно же веб-разработчику каждый HTML макет в итоге нужно запрограммировать. Сделать на его базе сайт с нужной функциональностью, решающий какую-то задачу. А какую именно - придумай сам.
Генераторы идей:
tevko.github.io/practice/index.html
https://copist.ru/ru/blog/2016/02/11/pet-project-ideas/