Редизайн сайта для фабрики упаковки «МИЛК»

Главное о кейсе

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

Хотим поблагодарить «Милк» за возможность реализовать интересный проект и активное участие в процессе.

----------------------------------------

We presented an updated website that corresponds to the company's image and combines the goals of business and consumer in mutually beneficial cooperation.

We would like to thank Milk company for the opportunity to implement an interesting project and active participation in the process.

Бизнес-задача и ее решение

Разработать современный, удобный, соответствующий уровню компании сайт.

Для начала мы решили побольше узнать о целевой аудитории и понять для кого мы делаем сайт. Со слов заказчика это предприятия пищевой промышленности и фармакологии, а точнее их представители. В большей степени это мужчины 35-45 лет.

Большинство заказов поступает от постоянных клиентов, которые являются крупнейшими поставщиками молочных продуктов и фармацевтики не только страны, но и всего мира.

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

Утверждаем структуру и переходим к проектированию.

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

Превью карточек товаров оставили в минималистичном оформлении, без указания цен, что было четким решением заказчика, согласно внутренней политике компании. Взамен цены мы пришли к компромиссу и добавили кнопку “Узнать цену” на каждую позицию товара.

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

Большинство заказов просчитываются и ведутся индивидуально менеджерами компании и для оформления заказа достаточно получить от пользователя его контакты. На данный момент этот бизнес-процесс заказчик менять не планирует.
Поэтому мы решили пока отказаться от реализации личного кабинета с калькулятором стоимости и привязкой онлайн-оплаты в пользу простой формы обратной связи.

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

Логотипом компании является яркий и лаконичный знак, состоящий из четырех схематичных платинок, символизирующих виды продукции компании.

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

Адаптируем дизайн

Дизайн готов. Передаем в разработку и на запуск!

На данный момент сайт находится на заполнении заказчика. Все изменения он вносит самостоятельно. При оценке работ нужно преимущественно ориентироваться на дизайн.
https://www.behance.net/gallery/108038119/MILK-Website-redesign

----------------------------------------

To develop a modern, convenient, appropriate for the company’s level website.

First, we decided to learn more about the target audience and understand who we are making the site for. According to the customer, these are enterprises of the food industry and pharmacology, or rather their representatives. Most of them are 35-45 years old men.

Most orders come from regular customers who are the largest suppliers of dairy products and pharmaceuticals not only in the country, but also around the world.

Simplicity and recognizability are the main principles which the we adhere to.
The simplicity is to easily and conveniently get information about the factory, product advantages, and place an order. And we decided to preserve the recognition not only by using corporate colors, but also by leaving the already familiar information architecture to the extent possible.

We approve the structure and move on to the design.

We build prototypes based on the key scenario of the target audience:
Home - Catalog with a List of Products - Product Description - Order Form.
First, the user gets to the Home page (using the search or a direct link). Then he goes to the catalog with the products he is interested in. Since the product line is small, we decided not to complicate the interface with filters and sorting, and left only side navigation.

Previews of products description remained in a minimalistic design, without specifying prices, which was a clear decision of the customer, according to the company's internal policy. Instead of the price, we came to a compromise and added a “Find out Price " button for each item.

Inside the description, you can learn more about a specific product, its properties, make a price request, or immediately proceed to placing an order.

Most orders are calculated and managed individually by the company's managers, and to place an order, it is necessary to get the user's contacts. At the moment, the customer does not plan to change this business process.

Therefore, we decided to abandon the implementation of a personal account with a cost calculator and linking online payment in favor of a simple feedback form.

When approving prototypes, there are no difficulties, so we move on to the design.
Since we came up with navigation earlier, we just had to add style and color solutions, photos, and fonts. The site design should not visually differ from the corporate style, so we clearly use brand colors and elements.

The company's logo is a bright and concise sign consisting of four schematic sealing lids that symbolize the company's products.

We made product pages minimalistic and simple to focus on the product itself, and added other elements to the interface without overloading.

Adapting the design.

The design is ready. We transfer the site to the development and launch!

The site is currently being filled in by the customer. All the changes are made by himself. When evaluating the work, it is required to focus primarily on the design.
https://www.behance.net/gallery/108038119/MILK-Website-redesign

Прочая информация о кейсе

Фабрика упаковки «МИЛК» производит, продает и доставляет по всему миру все виды покровных материалов, включая платинки для пищевых продуктов. Платинка, та самая знакомая всем крышечка от стакана с йогуртом или сметаной
А еще блистеры и coldform ламинаты для фармацевтической продукции, а также рулонную фольгу.

Компания за годы работы значительно повысила свой уровень и стала лидером №1 в стране по производству упаковки из фольги. А также вышла на 13е место в мире по производству крышки для запайки пластиковой тары по отчету американской аналитической компании ZION MARKET RESEARCH

В связи с этим было принято решение обновить дизайн сайта.

Мы определились с такими целями для сайта:
- Рассказать о бренде и производимой продукции;
- Предоставить удобный канал для сотрудничества;
- Визуально подчеркивать имидж современной компании.

Ссылка на кейс: https://www.behance.net/gallery/108038119/MILK-Website-redesign

----------------------------------------

MILK packaging factory produces, sells and delivers all types of cover materials, including sealing lids for food products, all over the world. Sealing lids is a cover on a glass of yogurt or sour cream familiar to everyone. And blisters and coldform laminates for pharmaceutical products, as well as rolled foil.

Over the years, the company has significantly improved its level and has become the No. 1 leader in the country in the production of foil packages. It also came out on the 13th place in the world for the production of covers for sealing plastic containers according to a report of ZION MARKET RESEARCH, the American analytical company.

In this regard, it was decided to update the site design.

We decided on the following purposes for the site:
- To tell about the brand and products;
- To provide a convenient channel for collaboration;
- To emphasize the image of a modern company visually.

Case link: https://www.behance.net/gallery/108038119/MILK-Website-redesign

Скриншоты