НОЭЗ — Портфолио

ТипКорпоративный сайт

РольДизайн + Верстка

СтекHTML, CSS, Адаптив

Полный ребрендинг сайта Новороссийского опытно-экспериментального завода. Старый сайт был сделан на таблицах с фиксированной шириной 994px — новый получился современным, адаптивным и с чистой визуальной системой. Перетаскивай ползунок для сравнения.

Что изменилось

ВёрсткаТаблицы → семантический HTML + CSS Grid. Фиксированная ширина → полностью адаптивный дизайн.

ТипографикаСистемные шрифты → PT Serif (заголовки) + Source Sans 3 (тело). Выстроена иерархия размеров.

Цветовая палитраСиний #000066 → тёмно-синий #0A1628 с янтарным акцентом #C07A2E. Выстроена токен-система.

СтруктураЕдиная страница с навигацией вместо разрозненных HTML-файлов. Hero-секция, карточки направлений, каталог продукции.

SEO и доступностьСемантические теги, aria-атрибуты, meta-теги, Open Graph. Старый сайт — windows-1251 без мета-тегов.

Новый сайт →Старый сайт (Wayback) →

noez.pro — до и после

После

До