Подписка на блог

Customize in /user/extras/follow-sheet.tmpl.php.

Sample text.

Twitter, Facebook, VK, Telegram, LinkedIn, Odnoklassniki, Pinterest, YouTube, TikTok, РСС JSON Feed

Sample text.

Школа бюро. Проектирование сайта

Расскажу о проектировании сайта. Это 5 задание в школе дизайнеров бюро.

Задание

Необходимо сделать новый дизайн сайта Битцевской фабрики.

Вам нужно придумать его структуру и показать одну любую страницу на выбор.

Клиент хочет, чтобы люди лучше понимали, как выглядят качественные современные валенки, чем они хороши и как их выбирать — было бы здорово как‑то помочь с этим на сайте. Москвичам важно более заметно рассказать про московский магазин.

В рамках задания можно сделать каталог или страницу товара. Подумал, что рассказать про конкретный товар интереснее.
Получилась такая страница →

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

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

В меру таланта нарисовал какие-то иллюстрации со скрепными образами. Курочка там, снигирёк.

Нарядил девочку в кокошник, а змея в валенки. Добавил модноты чёрным фоном и неоновой зеленью в иллюстрациях.

Часть фич я поместил рядом с товаром:

А более абстрактные штуки в сетку на отдельном этаже. Типа современненько.

Овцу попросил у Мидджорни. Можете попросить своих:

Insanely detailed studio portrait shot photo of intricately detailed beautiful sheep, smirking mischievously at the camera with mischievous detailed yellow green eyes , very detailed, rim light, photo, rim light, ultra-realistic, photorealistic, hyper detailed, photography, shot on Canon DSLR, f/2. 8 , photography by Felix Kunze and Annie Leibovitz and retouched by Pratik Naik -​-ar 2:3 -​-q 2

В конце страницы добавил разводящий блок с другими валенками и коллекциями товаров.

***

Получил неплохую оценку, оставляю комментарий Ильи Бирмана с подсказками, как можно сделать работу ещё круче:



И. Б. Так, я уже не знаю, что ещё тут комментировать :‑) Опять вот фотка с валенком на другом фоне, чем остальной сайт, и хочется как‑то их лучше подружить. Или, может, не дотягивать фотку до края слева и не склеивать их друг с другом. Серый фон по‑прежнему немного искусственный.

Совет

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

Дальше