Igor Vakulenko

Для начала нужно определиться, чем конкретно необходимо заниматься - веб дизайном или версткой. Каждое из направлений имеет свою сложность и свои нюансы. И нужно понять для себя - а нужно ли, чтобы тратить на это время?
1. Если заниматься сразу и дизайном и версткой, как правило не преуспеешь ни там ни там.
2. Если заниматься всерьез дизайном, то будет хромать верстка, если версткой то хромать будет дизайн
3. Для того, чтобы преуспеть в двух направлениях нужны годы обучения и практики.

"В дальнейшем не планирую этим профессионально заниматься, но для себя хочу изучить хотя бы основы, чтобы создать полностью парочку своих проектов."
Если хочешь заниматься своими проектами, лучше обратись к профи или купи / найди бесплатные готовые шаблоны. Просто, как показывает практика - проект сделанный через одно место, ничем хорошим не сулит.

Для начала нужно определиться, чем конкретно необходимо заниматься - веб дизайном или версткой. Каждое из направлений имеет свою сложность и свои нюансы. И нужно понять для себя - а нужно ли, чтобы тратить на это время?
1. Если заниматься сразу и дизайном и версткой, как правило не преуспеешь ни там ни там.
2. Если заниматься всерьез дизайном, то будет хромать верстка, если версткой то хромать будет дизайн
3. Для того, чтобы преуспеть в двух направлениях нужны годы обучения и практики.

"В дальнейшем не планирую этим профессионально заниматься, но для себя хочу изучить хотя бы основы, чтобы создать полностью парочку своих проектов."
Если хочешь заниматься своими проектами, лучше обратись к профи или купи / найди бесплатные готовые шаблоны. Просто, как показывает практика - проект сделанный через одно место, ничем хорошим не сулит.

Photoshop - универсальная программа. Это полезно, особенно если работаешь над индивидуальными проектами, где не требуется шаблонный подход.

тут что-то можно узнать полезное )
dominantblogger.com/kak-uznat-celevuyu-auditoriyu-saita

Вопрос стоит раскрыть более подробнее. Не понятно в чем именно заключается ошибка

Касательно первого варианта:
1. Заголовки блоков должны выделяться (так как они серые и маленькие, то они слегка теряются), нужно сделать крупнее и возможно пожирнее или цвет изменить (скажем на черный). Главное чтобы пользователю было визуально понятно что это за блоки.
2. нужно увеличить расстояние между блоком "Последние тесты" и блоком "рейтинг группы", не стоит их так близко лепить друг к другу
3. Блок последние тесты - не понятно, что красные цифры могут быть оценкой / баллом. Визуально это нужно указать (например, написать оценка / балл: 4 - тут можно по разному это показать, главное чтобы было понятно, что это оценка, а непросто цифра).
- Красный цвет оценки / балла лучше заменить на другой, скажем черный или бирюзовый, как цвет иконок. Так как красный цвет слишком будет отвлекать на себя внимание. Это больше субъективный фактор ), тут на твое усмотрение.
4. Средний балл. Выделить заголовок, он еле заметен. Вот круг я бы залил мягким красным цветом, примерно как цвет звездочек (тут больше на свое усмотрение, главное чтобы было понятно что это график) и сделал бы слегка толще круг.
- цифры в круге нужно немножко уменьшить.
5. Блок "Рейтинг группы". Иконки - если берешь за пример material design, то лучше соблюдать сам стиль, к примеру https://www.iconfinder.com/search/?q=reward&type=v...
тени иконок лучше убрать и уменьшить (так как они сами по себе (благодаря цвету) уже выделяются, ничего страшного если они будут меньше). Главное выделить имена победителей, сделать их крупнее, как и сам балл. Насчет цвета кубков можно экспериментировать, главное чтобы не выбивалось из общего стиля )
6. Возможно, как упоминали ранее люди - стоит разместить кубки слева направо (золото, серебро, бронза). Так как мы читаем слева на право, то с точки зрения юзабилити это будет правильно, но это субъективная оценка )
7. Рейтинг других людей. Звездочки лучше не делать, так как они отвлекают на себя внимание, тут акцент на людей, а точнее на их имена и оценку / балл. Главное, чтобы было видно, какое место, кто его занял и какой у него балл. Остальные элементы будут лишними.

Что касается второго варианта:
это не спортивное мероприятие (если я правильно понял:)), а скорее сфера образования, потому смысл в пьедестале лично я не вижу (но это моя субъективная оценка). В любом случае этот пьедестал отвлекает на себя слишком много внимания, а на странице, где есть много информации, лучше такого не делать. Поэтому первый вариант вписывается лучше )

Вектор нужно сохранить в формате eps. а после открыть этот файл в любой векторной программе