Проводите мероприятия в сфере digital? Расскажите об этом читателям Афиши на Workspace!
Лига А.
Разработали сайт для серьёзной компании Иннотэк
Лига А.
#Программирование сайта#HTML - верстка сайта#Тестирование сайта

Разработали сайт для серьёзной компании Иннотэк

44 
Лига А.
Лига А. Россия, Санкт-Петербург
Поделиться:
Разработали сайт для серьёзной компании Иннотэк
Клиент

Иннотэк

Бюджет

955 000

Сфера

Услуги

Регион

Россия, Москва

Сдано

Апрель 2024

Задача

Клиент пришёл к нам с задачей сверстать сайт по готовым дизайн-макетам и интегрировать его на CMS, чтобы в будущем самостоятельно управлять контентом.

Решение

В ходе проекта мы много общались с клиентом и дизайнером. За проект успели:

— Проконсультировать дизайнера со стороны клиента. У нас есть опыт в совместной работе над задачами, который помогает нам замечать мелочи с точки зрения UX/UI

— Сверстать сайт по дизайн-макетам клиента

— Интегрировать сайт на СMS, чтобы клиент управлял контентом

1Общение с дизайнером

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

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

Например, просили дизайнера:

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

— Показать возможность раскрыть список в меню сайта, чтобы пользователи могли взаимодействовать со словами по-разному — просто кликнуть на слово или раскрыть список.

— Отрисовать варианты отзывов, чтобы было понятно, как выглядят 10 слов в блоке, а как 30.

2Вёрстка

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

3Сборка

Сборку мы делали на Astro. Потому что он:

— Очень быстрый. По сравнению с Next.js, Remix и Nuxt засчёт максимального уменьшения размера JS-кода

— Современный и удобный. Под капотом находится мощный сборщик Vite, есть поддержка TypeScript

— Легко настраивается для работы с Headless CMS. Его просто интегрировать с любой системой управления контентом

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

Результат

В итоге проекта, мы:

— Проконсультировали дизайнера со стороны клиента и доработали дизайн-макеты с точки зрения веб-дизайна

— Сверстали сайт с учётом всех деталей UX. Продумали удобство блоков для будущего пользователя

— Интегрировали сайт на СMS с использованием сборки на Astro

https://innotec.ru

Стек технологий

  • CSS CSS Язык программирования
  • HTML HTML Язык программирования
  • JavaScript JavaScript Язык программирования
  • MODX MODX CMS

Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Лига А. с удовольствием обсудит вашу задачу

Оставить заявку