Моготекс. UX/UI-дизайн сайта
![Моготекс. UX/UI-дизайн сайта-picture-51773 Моготекс. UX/UI-дизайн сайта-picture-51773](/upload/resize_cache/iblock/4bd/uhrr36bi7j3ta33lqhub4v5y28i1d9oh/454_302_2/01_mogotex_1268.jpg)
Бриф
Mogotex — производитель текстильной продукции в Беларуси, также работающий на рынках стран ближнего и дальнего зарубежья. В процессе разработки и развития бренда Fabula Branding практически с нуля создала UX/UI-дизайн сайта, ориентированный на предоставление информации о продукции и услугах компании.
![Моготекс. UX/UI-дизайн сайта-picture-51750 Моготекс. UX/UI-дизайн сайта-picture-51750](/upload/resize_cache/sprint.editor/528/tc1cwf0dcvx8wk5qjqhugowgdk1o89j0/454_302_1/02_mogotex_1268.jpg)
![Моготекс. UX/UI-дизайн сайта-picture-51751 Моготекс. UX/UI-дизайн сайта-picture-51751](/upload/resize_cache/sprint.editor/8bc/9ppa7ia5lryhlbqdqe9hjq257ycaimi2/454_302_1/03_mogotex_1268.jpg)
Агентство проанализировало сайты конкурентов и онлайн-среду стран, где работает Mogotex. А также вместе с клиентом определило бизнес-цели компании и потребности пользователей.
Результаты исследований помогли создать информационную структуру сайта с четкой навигацией и правильно внедрить все атрибуты бренда.
![Моготекс. UX/UI-дизайн сайта-picture-51752 Моготекс. UX/UI-дизайн сайта-picture-51752](/upload/resize_cache/sprint.editor/6fb/lda1yxw8mq788bl5kavbla9xohzbaixz/454_302_1/04_mogotex_1268.jpg)
![Моготекс. UX/UI-дизайн сайта-picture-51753 Моготекс. UX/UI-дизайн сайта-picture-51753](/upload/resize_cache/sprint.editor/6ec/d13bqvs9fdalece01qkyjc53y6a08gpu/454_302_1/05_mogotex_1268.jpg)
UX-дизайн
Особенностью задачи было создание нового каталога продукции на основе таблиц, предоставленных клиентом. Агентство построило интуитивно понятную систему, которая помогает легко ориентироваться в категориях и позициях товара.
![Моготекс. UX/UI-дизайн сайта-picture-51754 Моготекс. UX/UI-дизайн сайта-picture-51754](/upload/resize_cache/sprint.editor/9f0/97of15cy14lkyh56nd82n9sw50i34no3/454_302_1/06_mogotex_1268.jpg)
![Моготекс. UX/UI-дизайн сайта-picture-51755 Моготекс. UX/UI-дизайн сайта-picture-51755](/upload/resize_cache/sprint.editor/0e7/d5h4w2inlgx4s1vx10k20shqspl4e2p0/454_302_1/07_mogotex_1268.jpg)
Важно было сделать сайт информативным и упростить взаимодействие аудитории с компанией.
На главной странице представлены основные категории продукции с краткими описаниями, что помогает пользователю быстро сориентироваться в ассортименте. В верхней части доступна строка поиска, чтобы найти нужные товары или информацию. Раздел «Контакты» содержит адреса, телефоны и электронную почту торговой команды и всех отделов компании, а также форму обратной связи — клиент может обратиться в Mogotex любым удобным способом.
![Моготекс. UX/UI-дизайн сайта-picture-51756 Моготекс. UX/UI-дизайн сайта-picture-51756](/upload/resize_cache/sprint.editor/802/29hiq6rm9evu8qqy5o444z7kh8t4hr5u/454_302_1/08_mogotex_1268.jpg)
![Моготекс. UX/UI-дизайн сайта-picture-51757 Моготекс. UX/UI-дизайн сайта-picture-51757](/upload/resize_cache/sprint.editor/e0a/4kocmz0tezz8dcdamudw3fd2obrqpowv/454_302_1/09_mogotex_1268.jpg)
Также агентство обеспечило адаптивность дизайна для корректного отображения на различных устройствах, включая мобильные телефоны и планшеты.
![Моготекс. UX/UI-дизайн сайта-picture-51758 Моготекс. UX/UI-дизайн сайта-picture-51758](/upload/resize_cache/sprint.editor/efb/3lztjn528ioclkp3404kcbebz92o06g1/454_302_1/10_mogotex_1268.jpg)
UI-дизайн
Ранее Fabula Branding создала визуальный образ Mogotex, поэтому корректно внедрила все атрибуты в дизайн сайта. Выбор шрифтов, работа с формами блоков и фирменным стилем обеспечили хорошую читаемость и идентификацию бренда.
![Моготекс. UX/UI-дизайн сайта-picture-51760 Моготекс. UX/UI-дизайн сайта-picture-51760](/upload/resize_cache/sprint.editor/b6e/x2q33supufxwy6ognqlmpkjlsvf7d3x3/454_302_1/12_mogotex_1268.jpg)
![Моготекс. UX/UI-дизайн сайта-picture-51761 Моготекс. UX/UI-дизайн сайта-picture-51761](/upload/resize_cache/sprint.editor/e8d/dcavr5a7ngvct82cjc4kql449y13s54r/454_302_1/13_mogotex_1268.jpg)
Чтобы сделать знакомство пользователей с продуктами Mogotex еще более удобным, агентство провело фотосессию тканей, отразив особенности товара.
Например, водоотталкивающие свойства показаны с помощью капель на поверхности, а текстуру подчеркивает светотень на складках.
![Моготекс. UX/UI-дизайн сайта-picture-51762 Моготекс. UX/UI-дизайн сайта-picture-51762](/upload/resize_cache/sprint.editor/83c/hax7gnkg8lmkqls9ztr0228ktg3s7fcx/454_302_1/14_mogotex_1268.jpg)
Сайт Mogotex стал эффективным инструментом для презентации продукции и услуг, простого и быстрого взаимодействия с клиентами, а также укрепил имидж компании.
![Моготекс. UX/UI-дизайн сайта-picture-51764 Моготекс. UX/UI-дизайн сайта-picture-51764](/upload/resize_cache/sprint.editor/281/qv6zma4bj30colz0tfoes6d4jvl5g29n/454_302_1/16_mogotex_1268.jpg)
![Моготекс. UX/UI-дизайн сайта-picture-51766 Моготекс. UX/UI-дизайн сайта-picture-51766](/upload/resize_cache/sprint.editor/c9c/sk96scs776p3jyiabiqy3m74cx4jjfs2/454_302_1/18_mogotex_1268.jpg)
![Моготекс. UX/UI-дизайн сайта-picture-51767 Моготекс. UX/UI-дизайн сайта-picture-51767](/upload/resize_cache/sprint.editor/850/zwsbi75op2ylz5sx52mtb03cx5g81tu7/454_302_1/19_mogotex_1268.jpg)
![Моготекс. UX/UI-дизайн сайта-picture-51768 Моготекс. UX/UI-дизайн сайта-picture-51768](/upload/resize_cache/sprint.editor/45b/ww0crm3ohznt8xe6j94t02u4z41q7st3/454_302_1/20_mogotex_1268.jpg)