Компания «Сура Текс»

suratex.ru
Компания «СУРА ТЕКС» является единственным дистрибьютором японской корпорации TORAY Industries Inc. Japan на российском рынке.

  • 1С-Битрикс
  • Адаптивный
    дизайн
  • HTML-5 анимация

Проектирование

Целью проекта было создание современного интернет-каталога тканей с удобным фильтром.

Задачи и таймлайн

Проектирование состояло из двух этапов: UX и UI дизайн.

  • UX дизайн

    2 недели
    • Анализ конкурентов
    • Прототипирование
  • UI дизайн

    6 недель
    • Подбор референсов
    • Минималистичный дизайн
    • Создание стилей
UX дизайн
UI дизайн

Концепции

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

Дизайн

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

Анимация карточек каталога при наведении

Типографика

Aa Manrope
Bold
SemiBold
Regular

UI Kit

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

Подобрали набор иконок по уходу за тканями.

Каталог

Особое внимание было уделено каталогу тканей.

1

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

  • CSF 618
    • Состав: 13% Полиэстер,
      87% Хлопок
    • Плотность, г: 100 г
    • Ширина: 145-147 см
    • Переплетение: Поплин
  • SVF489 PURPLE SENSATION
    • Состав: 55%хб 45%пэ
    • Плотность, г: 110 г
    • Ширина: 145-147 см
    • Переплетение: Поплин
  • SV 444
    (механический стрейч)
    • Состав: 55% хб 45% пэ
    • Плотность, г: 106 г
    • Ширина: 145-147 см
    • Переплетение: Поплин
2

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

Внутренние страницы

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

Особенности реализации

  • Управление контентом

    Сайт разработан на базе CMS «1С-Битрикс»,
    которая позволяет клиенту легко редактировать контент.

  • Фильтр по поиску тканей

    Простой и удобный фильтр по подбору позволяет ускорить поиск нужной ткани.