Проектирование интерфейса и ре-дизайн портала "О педагоге"
Opedagoge.ru — первый в России сайт отзывов о педагогах
На портале уже только по Москве 99 000+ учителей и репетиторов и 2 500+ учебных заведений, которые ждут своего ученика и честного отзыва ✨
Сервис решает две большие задачи:
— Педагогам помогает выйти из тени «сарафанного радио» и заявить о себе так, что услышат даже в соседнем районе 📣
— Родителям и ученикам даёт возможность:
• найти информацию об интересующем педагоге или учебном заведении,
• прочитать реальные отзывы,
• и оставить свой отзыв: честный, личный
Задача была взять существующий портал и:
— обновить внешний вид (прощай, 2010-й 👋),
— добавить новый функционал,
— прибрать старый (там, где он вёл в тупик 🚧),
— и полностью переработать каталоги: списки, карточки, фильтры, чтобы всё работало как часы, а не как «наверное, где-то тут…» 🤔 .
Решение
— Создан новый лаконичный логотип без лишних завитушек, зато с узнаваемостью ✅.
— Подобраны шрифты (минимализм, но с характером) и цвета (минимум отвлекающих деталей максимум ясности) 💪.
— Спроектированы ключевые экраны для десктопа и мобильных, потому что искать репетитора сегодня можно даже в метро 😎.
— В мобильной версии кое-где добавлена горизонтальная прокрутка, но только там, где она упрощает жизнь, а не усложняет.
Результат
Сайт стал удобнее, понятнее и приятнее, как хороший учебник: всё на месте, ничего не мешает, и сразу ясно, куда смотреть 📚
Заказчик доволен 😊, и мы уже обсуждаем следующие шаги по развитию платформы.
А в Figma всё работает «как настоящий сайт»: кнопки кликаются, ссылки ведут куда надо, и можно протестировать весь путь, как будто вы уже на живом сайте 😉
Живой сайт:
opedagoge.ru
Десктоп:
https://www.figma.com/proto/ks853IlCRUpXm8PicuCBC4/О-педагоге-портфолио?page-id=0%3A1&node-id=42-3104&viewport=324%2C232%2C0.08&t=VYOHrbPcTEkJuc7R-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=1284%3A26070&show-proto-sidebar=1&hide-ui=1
Адаптация под мобильные:
https://www.figma.com/proto/ks853IlCRUpXm8PicuCBC4/О-педагоге-портфолио?page-id=1619%3A12401&node-id=1619-12402&viewport=399%2C214%2C0.14&t=kEGq63oDXYgFqsl9-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=1619%3A12402&show-proto-sidebar=1&hide-ui=1
