Во время моего обучения веб-дизайну я создал очень простую промо-страничку. Настолько простую, что я счёл уместным рассказать о ней и рассмотреть ошибки прошлого!
Суть проекта.
Задача была в том, чтобы сделать многостраничный сайт. Я просто увидел в голове идею и незамедлительно её реализовал. Она показалась мне несложной и я пропустил этапы прототипирования, анализа и проработки (это недопустимо). В итоге у меня получилась такая простенькая симпатичная страница, показывающая удобства различных автомобилей Mercedes и рекламирующая их, как марку автомобилей.
Неправильный процесс дизайна.
Как я ранее упомянул, я избежал 70% неотъемлемого процесса любого дизайна. В итоге я лишь подобрал референсы (из них я взял цвет и шрифт). Я считаю, что главная проблема этой страницы в её бесполезности. Поскольку это было создано в образовательных целях, то об этом можно не сильно заботиться.
Обложка. Главный раздел.
Сайт работал бы таким образом, что пользователь выбирал определённый раздел и изучал его по конкретному автомобилю. Скорее всего сразу никто бы не догадался, как этим пользоваться, но в силу современности компании и цели проекта это можно простить.
Раздел описания автомобиля.
Снизу справа есть выбор рассматриваемого автомобиля. Сейчас я понимаю, что это неудобное и непонятное решение, но тогда я думал о композиции. Ближе к сути: в этом разделе отображаются несколько нововведений данного авто.
История марки.
В разделе "История" я должен был применить какое-либо решение в отношении типографики (текста, шрифта, его расположения). Также хочу заметить, что иконки соц.сетей переехали слева направо. Это недопустимо и путает пользователя.
Иконка "YouTube".
Вместо того, чтобы сделать иконку "YouTube" ссылкой на видео, я решил отразить его в виде popup-окна. Опять же, не лучшее решение, так как все остальные иконки в той части вели бы на сторонний ресурс. Следовательно, делать видео внутри страницы — неуместно.
Итог. Глобальные ошибки.
- Много разных размеров текста при таком скудном функционале.
- Слишком жирные иконки на фоне остальных элементов интерфейса.
- Сдвигание иконок слева направо при переходе в раздел "История".
- Все крайние интерфейсы нужно привязывать к размеру экрана (если монитор 1600px., то они будут находится X, а если 1440px., то Y).
С течением времени и профессионального роста я конечно изменил бы некоторые моменты, но можно сказать, что это не самая плохая работа из тех, которые предлагает рынок дизайна. Главное — нужно давать себе время подумать. Глаз замыливается в любой работе и нужно регулярно давать себе отдых и разгружаться!
Связаться со мной: