Тестовое задание

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

1. Отсутствие фирменного стиля, и торгового предложения
2. Полный хаос в Хедере, элементы разбросаны, нет четкой структуры в навигации по сайту
3. Отсутствует сетка, отступы и расстояния между объектами (блоками, внутри блоков и текстом) не соблюдены !

С первых минут на сайте, бросилось в глаза отсутствие какого либо описания (чем занимается компания например). Как клиент, я не мог понять на сайт чего я зашел (то ли это вообще по аренде жилья, то ли по ремонту ванных комнат). На клиента вываливают какую-то информацию в виде карточек. Как пользоваться навигацией на сайте, тоже не понятно. И все очень громоздко и грубо, хотя и видно что пытались придерживаться с уклоном на минимализм.

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

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

Для себя я выделил несколько примеров:

1. https://mirplitki.ru/catalog/bathroom-tiles.html

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

2. https://atem.com.ua/en/ - возможно имеет место быть, по оформлению

3. https://www.supergres.com/en/your-home-4/bathroom-tiles есть интересные фичи на данном сайте. Но все же довольно плох.

Мое решение

Так же постараюсь описать все кратко. Так же я даю ссылку на рабочий прототип. https://www.figma.com/proto/K8P9H9RuUvjhUal2zZdXBNzf/HOME?node-id=1%3A2&scaling=contain

Можете перейти и посмотреть, но лучше в конце после прочтения. Возможно присутствие интерактива, даст возможность ощутить, каким может быть решение.

Я постарался внести все те вещи, которые отсутствовали, сохранить контент который был, и убрать лишние элементы. Прошу учесть, что мое решение, не есть самое идеальное, но имеет место быть.

Внедрил сетку, и теперь элементы на своих местах. Не много переработал хедер чтобы было разделение между основной навигацией и дополнительной. Изменил цвет (не лучший вариант), взял его с логотипа, чтобы придать своего стиля.

Сформулировал торговое предложение, добавил призыв к действию. Переработал навигацию, сделал ее более локаничной и структурной.

Сделал небольшой набросок карточки товара, с описанием

Из типографики я выбрал более подходящую по стилю шрифтовую пару это Proxima nova для заголовков и Roboto для наборного текста.

На этом у меня все. Был рад продемонстрировать свои навыки. Это был мой вариант. Конечно нужно понимать, что это не готовое решение, а всего лишь набросок. Я думаю он имеет место быть.

Благодарю за внимание, и надеюсь на дальнейшее сотрудничество.

Спасибо!