— Разработаем эффективный инструмент продаж под ваши бизнес-задачи. Гарантируем, что у пользователя сложится целостная картина о вашем товаре/услуге, со всеми достоинствами и уникальными преимуществами. Готовы обсудить с вами проект!
— Разработаем эффективный инструмент продаж под ваши бизнес-задачи. Гарантируем, что у пользователя сложится целостная картина о вашем товаре/услуге, со всеми достоинствами и уникальными преимуществами. Готовы обсудить с вами проект!
Галерея
Получите расчет стоимости сайта за 4 минуты, ответив на несколько простых вопросов
Когда школьный сайт не может быть ни «детским», ни «канцелярским»
В июне 2023 года к Webplustudio обратилась частная школа. Нужен был полноценный корпоративный сайт: с понятной структурой для родителей, разделами об обучении и живым визуалом, который ассоциируется со школой, а не с типовым образовательным порталом.
Заказчик сформулировал задачу так: дизайн должен быть строгим и лаконичным — чтобы родители видели серьёзную организацию, — но при этом с визуалами в духе школы и детских игр. Без перегруза «мультяшностью» и без сухого шаблона «государственного ресурса».
На этом этапе студия делала именно дизайн-пакет под вёрстку: концепты, прототип, финальный макет и исходники. Разработку сайта вёл заказчик своими силами или подрядчиком — нам важно было передать макет, который не придётся «додумывать» при переносе в код.
От концептов до макета в Figma
1. Несколько визуальных концептов
Сначала подготовили несколько направлений дизайна в одной палитре: тёмно-синий как опора, оранжевый и жёлтый — как акценты, светло-серый и белый — для фона и «воздуха». Заказчик выбрал вариант, где строгая сетка сочетается с игровой геометрией: круги, скошенные блоки, цветные плашки — без ощущения хаоса.
2. Прототип и структура будущего сайта
После согласования визуального направления собрали прототип: логику разделов, порядок блоков на главной, путь родителя от первого экрана к заявке или контактам. Структура заточена под типичные задачи частной школы — представить программу, показать педагогов, объяснить условия поступления, не смешивая всё в один длинный экран.
3. Полный дизайн-макет в Figma
На основе прототипа отрисовали полноценный макет в Figma. В Photoshop подготовили и обработали фотографии учеников и учителей — чтобы они работали в единой цветовой системе, и не выглядели «приклеенными» поверх шаблона.
4. Передача исходников под вёрстку
Заказчику передали структурированный Figma-файл и графические исходники. На этом проекте студия закрыла этап дизайна: frontend-команда получила готовые спецификации по отступам, цветам и состояниям блоков.
Дизайн-решение: строгость, игра и много воздуха
Главный баланс проекта — между доверием взрослой аудитории и энергией детской среды.
Тёмно-синий и белый задают солидность: читаемые заголовки, спокойные фоны, аккуратная типографика.
Оранжевый и жёлтый — точечные акценты в кнопках, маркерах и геометрии.
Необычные геометрические формы отделяют блоки и ведут взгляд по странице.
Фото учеников и педагогов — материал заказчика после обработки в Photoshop; лица и занятия передают атмосферу школы.
Щедрые отступы между секциями: блоки идут последовательно, каждый с понятной задачей.
Если интересно, то рядом в нашем портфолио — лендинг школы математики: один продающий экран под рекламу курсов. Текущий проект — многостраничный корпоративный макет со спокойным ритмом и опорой на структуру.
Дизайнерская галерея сайта
Один из вариантов дизайна главного экрана сайта
Блок с миссией частной школы
Дизайн секции новостей
Футер корпоративного сайта
Что получил заказчик
✅ Согласованное визуальное направление из нескольких концептов.
✅ Прототип и структура корпоративного сайта под задачи школы.
✅ Полный дизайн-макет в Figma с обработкой фото в Photoshop.
✅ Исходники для вёрстки — переданы команде заказчика.
Нужен дизайн корпоративного сайта в Figma?
Проектируем многостраничные сайты для школ, компаний и некоммерческих организаций: от концепта и прототипа до макета для разработки. Можем довести проект до запуска на WordPress или передать файлы вашей команде.
