Как студентка разработала достойный дизайн для интернет-магазина одежды

Обзор проекта студентки, которая проходила практику у нас в компании. Несмотря на отсутствие опыта у практикантки, её дизайн-макет нас приятно удивил. Мало какой интернет-магазин одежды отказался бы от такого достойного дизайна для своего сайта.

Digital-студия INDEX – отличное место, чтобы начать карьеру и обрести первый профессиональный опыт. У нас регулярно проходят практику студенты ЮУрГУ, ЧелГУ, МИДИС и УРК. В нашей компании ребята могут проявить себя и увидеть всю «внутреннюю кухню» студии, создающей сайты и мобильные приложения. Мы присматриваемся к своим практикантам. Не исключено, что амбициозных и подающих надежды ребят мы можем забрать в свой штат после прохождения ими практики.

В июне 2022 г. на протяжении 3-4 недель студентка 3-его курса МИДИСа Тоня (одногруппница Алины, проходившей у нас практику немного ранее, из этой статьи) проходила у нас производственную практику. Она должна была разработать дизайн-макет для любого многостраничного сайта на выбор. Тоня выбрала работу над интернет-магазином одежды.

По заверениям нашего веб-дизайнера Катерины, профессиональный уровень Тони был нормальным как для студентки без коммерческого опыта. Катя была наставницей Тони, давала ей советы по работе и научила пользоваться Figma. Дизайн-макет от начала и до конца Тоня делала сама, время от времени демонстрируя Кате проделанную работу.

По итогу работы у Тони получился в целом нормальный дизайн-макет интернет-магазина одежды, с которым можно ознакомиться ЗДЕСЬ.

Тоня решила не изобретать что-то новое и обратилась к уже ставшей классикой стилистике минимализма. В проекте представлено минимальное количество деталей и всего три цвета, не считая белый и чёрный. Геометрия дизайна Тони состоит из простых форм и прямых углов. За счёт этого всё хорошо сбалансирован. Глядя на сайт, у тебя не возникает каких-либо неприятных эмоций. Подсознательно возникает чувство, что с ним всё в порядке.

Это абсолютно нормальный сайт по своей структуре. На сайте нет ни одной лишней страницы или ненужного раздела. В нём есть весь необходимый функционал как для онлайн-магазина – пользователь может просмотреть каталог, оформить заказ и доставку, прочесть информацию о компании и т.д. Здесь имеется всё, что нужно для большинства покупателей.

Общая композиция выглядит приятно. В проекте все элементы хорошо сочетаются между собой. Ничего не бросается в глаза и не напрягает. Тоня подготовила довольно симпатичные мокапы – картинки, на которых показано, как выглядит дизайн на экранах монитора и смартфона. Это важная часть представления проекта, так как мокапы здорово разбавляют презентацию дизайна и становятся эффектными переходами между её частями.

Тоня балансирует мягкость и нежность цветовой гаммы с помощью использования прямых форм в элементах. А ещё она добавила короткие линии в проект. Это была попытка сделать дизайн интереснее за счёт внедрения графических элементов. Однако они почти ничем не выделяются и не добавляют в композицию ярких акцентов, которых ей так не хватает. Эти линии выступают в роли небольшого дополнения и слишком незаметны. Нужно было либо отказаться от них полностью, либо сделать линии заметнее и использовать их в дизайне чаще.

Проект веет нежностью, так как он выполнен в светлых и мягких тонах. Помимо классических чёрного и белого, в работе присутствуют три цвета: серый, бежевый и розовый. Кроме того, они пастельные, то есть, это очень приглушённые тона – высветленные оттенки обычных цветов. Сами цвета подобраны хорошо и отлично гармонируют между собой. На сайт приятно смотреть. Сочетание цветов диссонанса не вызывают.

Тоня использовала графичные шрифты в своей работе. Это простые для восприятия, лёгкие для чтения, чёткие, ровные шрифты с ярко выраженными формами и без засечек. Они не перегружают композицию, при этом дополняя её. Размеры шрифтов хорошие, но они немного тонковаты. Можно было бы добавить толщины и сделать их более читаемыми.

Тоня выбрала красивые и качественные фотографии для оформления сайта. Они стилистически похожи на сайт и подходят по цветовой гамме. Фотографии минималистичны в цвете и деталях. Фото хорошо сочетаются между собой и с общим дизайном.

Весь текст Тоня написала сама. И он, вкупе с дизайном, создаёт впечатление, что этот магазин одежды существует на самом деле. Сайт смотрится хорошо и реалистично, если особо к нему не придираться.

Тоня разработала и дизайн-макет для мобильной версии сайта. Это несомненный плюс к её работе, так как важность гаджетов в сфере электронной коммерции невозможно переоценить. Мобильная версия интернет-магазина одежды хорошо соответствует десктопной версии и в большинстве своём повторяет её дизайн и функционал. Можно лишь немного поправить расположение элементов, сделав его более логичным.

Одно из основных замечаний касается технической части разработки макетов. У Тони много мелких ошибок, которые можно легко исправить. Например, расположение некоторых элементов не по сетке или не выровненный текст в полях ввода. Так как Тоня работала в Figma впервые, можно списать это на её неопытность. Но всё равно при первом знакомстве с какой-либо программой нужно изучить её основные функции и возможности. Но это ещё не самая большая проблема.

Гораздо важнее то, что этому дизайну не хватает индивидуальности. На дизайн-макет вполне приятно смотреть, но он ничем не выделяется из сайтов конкурентов. Он похож на другие сайты и теряется в пучине однообразия. Этот сайт не откладывается в памяти и не вызывает желание купить одежду именно в нём. В этой сфере есть конкуренты гораздо интереснее. К сожалению, Тоня не придумала даже логотип и название, а ведь это очень важно. Узнаваемость бренда необходима любому бизнесу.

Мы выражаем благодарность Тоне за то, что решила пройти практику именно у нас в INDEX. С ней было приятно работать. Мы счастливы, что среди нынешних выпускников много по-настоящему одарённых ребят. Тоня выполнила свой проект на достойном уровне, поэтому мы разместили его в своём профиле на Behance. Планируем и дальше брать на практику творческих и способных ребят, ведь это наши возможные будущие сотрудники.

Кстати, в будущем мы продолжим рассказывать и о других интересностях в нашей работе. Не пропустите, будет интересно!