МиКо производят и продают косметику — с любой и заботой к клиентам и природе.

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

Мы разработали современный и гибкий сайт с PWA-приложением, освежили разделы, добавили всеми любые «сторисы» как удобный способ просмотра информации и сделали журнал.

Визуальный стиль — это строгие, но живые формы; чистота, легкость, и эффект матового стекла который олицетворяет здоровую кожу.

<aside> ↗️ Скоро тут будет ссылка на новый сайт, а пока сравните со старым:

mi-ko.org

</aside>

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9dad006c-7cad-4c7b-beaf-874e9c437c8b/_.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/73c8e653-b6d8-4af2-8c28-bed9ca045ace/_.png

Мы стремились разработать дизайн «вне времени», который будет смотреться актуально спустя многие года и считаем, что успешно справились с этой задачей.

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

Журнал МиКо — отдельный подсайт со сторисами, форматами и сборщиком статей, где есть возможность добавлять медиа, карточки товаров и ссылки на другие статьи.

Личный кабинет — тоже отдельная вселенная с системой уведомлений (что особенно хорошо в PWA-приложениях), детальной информацией о бонусах, заказах, личных данных и прозрачным управлением подпиской и личными данными.

Одной из самых интересных задач стало перенести пользователей на новый способ входа по телефону (раньше был классический логин и пароль) — для форм логина было отрисовано 25 макетов, чтобы закрыть все возможные сценарии.

Нажмите не любое изображение ниже, чтобы развернуть его на весь экран.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/fecfa821-f9df-42b9-831c-dff7cc748344/.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/777c81f7-32e5-43bb-904d-3df4ded45a48/_.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1e49a02f-01a5-45e6-a1eb-de05d4d78d09/.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c2e1070f-7592-4730-bdf9-56ca4b666556/_.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/01f0a1b5-d5e2-4b2d-ba80-69f025af25a5/.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c0700934-4adc-4be0-9483-806d6fed1482/__.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5a2e1459-3579-4049-aadd-1f747d13439c/.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a0bb94b0-cc72-42d1-a1e5-eb74b46a8c56/.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4f7cb688-f780-465f-8f6e-a117898b97cd/7___.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/2c290ab9-2167-4173-a63a-7a4b550f505d/.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a2b4bb52-89b5-499b-8464-781dd3b4d0d8/.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/52a73b2b-3bbf-470d-9078-0dfa5b0a3365/.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/bb9f16ab-4ba3-432c-b12e-ca99703c969d/.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/2b3e49dd-5190-42d4-8ef0-231b3fdaeb03/_.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/0d325e5b-91c7-47db-93bf-deeee24fc73b/__.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9c34fd26-ee34-473d-ba63-a053948f3e29/1441.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/aff513e0-ea4d-40bb-961b-0025b7596c3c/.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4a682541-2eb1-4ba5-a8b1-88a3053bd0af/.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/715eed18-0bd7-44ac-aa4d-f471d2f238f8/.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/54d3107c-f49c-4089-b14f-b97acd6d1a1e/.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3490c509-941d-4e66-8868-66c7c880b559/.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/e2bfcda1-0f1c-4b9b-9663-04d5ed982832/.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9b342cec-6a02-4c77-a537-ec3d801ad0e6/_.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4755619b-bad6-4f32-ae5f-b1b6c48a0dc6/_.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/72fcf985-423b-479d-bb49-dc54b03ae7de/2___.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/122a404b-c8ad-46d8-a14d-5187457065fe/4____.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/cce00333-41c5-494c-a06c-0ff4569ab9fb/2___.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/74f6a1b8-2764-4d01-b5c6-561ecd24a76d/_.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/999a7fe5-ac53-4f87-b931-3953d723c12d/.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/17d7d648-c5eb-4e6d-be71-cf0e7b39cee4/_.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/439fc419-482c-465f-af0a-ce976d4356fa/__.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/13faa065-017d-4d5f-8632-082fbb723676/.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5b9c37fe-b5f3-4920-872e-49afc9050e72/.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ab5456eb-d3d0-4536-91ff-e27c969a31df/_.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/23ff7b9d-43e4-42ae-92e9-1435abe62f97/_.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/444977af-11fa-4c19-ad65-1e6acebdc49b/.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/0c4dd5b2-7aa8-43d3-87ec-d54db4521d25/_.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1f2b7c33-fdb4-4f71-a975-0fd668240ec3/.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/cf057ab6-04e8-4abd-a247-400b61c743f0/.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/02a356fb-d6f0-48f6-9690-5b52c939de04/_.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b26fe3d9-2d36-400c-acde-7abd7213ed51/.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/87993cbd-79d9-46ef-884b-3d17603702bc/1__.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/74723bb6-7a5d-4ad9-9e20-9376597821b1/4__.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6e95beac-942e-4646-9c55-a376ffeefc7f/2___.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a6fefe84-3aea-4d56-9f91-be33ad705116/_MiCoins.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/aad61194-f767-491b-8d80-81a4fe41efa5/____.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/2f483440-c56f-453a-a1b6-d6e96feb3cdc/_______________.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9db0130a-cc1d-4b4c-95c2-cab37bba6b69/__.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/d79ea11f-5c4c-40ce-b7e9-758061599952/.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/112ff040-4a65-4332-a392-35414fa8b5cb/__.png