TSN-online

Desktop
запустили веб-сервис в соответствии с концепцией user friendly
Mobile app
разработали мобильное приложение для iOS и Android
TSN-online — информационная система для собственников земельных участков. Она позволяет оплачивать взносы, электроэнергию, услуги, а также оперативно получать информацию от администрации поселка и участвовать в принятии решений.
сайт доступен только для зарегистрированных пользователей

Заказчик

Управляющая компания ТСН администрирует коттеджные поселки с помощью сайта tsn-online.ru. Всего под управлением компании находятся несколько десятков поселков.

Задача

Заказчик администрировал поселки с помощью самописного сайта на asp.net. В целом функциональность сайта устраивала, но хотелось соответствовать концепции user friendly — создать привлекательный дизайн и повысить удобство использования.

Также было необходимо дополнить веб-версию сервиса мобильным приложением под iOS и Android, чтобы жители коттеджных поселков могли взаимодействовать с управляющей компанией со смартфонов.
Работа заняла 10 месяцев.
Решили остановиться на втором варианте, чтобы проект получился современным и удобным для пользователей.
Написать веб-сервис с нуля на любом стеке, если это повысит юзабилити и не навредит функциональности. После этого оформить сервис в новом дизайне и разработать приложение.
Разработать новый дизайн сайта и мобильное приложение, написать под мобильное приложение REST API на движке сайта.
Мы обсуждали с заказчиком два варианта решения задачи:

Решение

Использованные технологии

Инструменты тестирования
Мобильное приложение
Фреймворк
СУБД
Система контроля версий
Язык разработки
Серверная часть
Пользовательский интерфейс
Nextjs
React
Javascript
Typescript

Задача №1: Разработка веб-сервиса

Концептуальный дизайн
Лента новостей
Наш клиент администрирует поселки для счастливой семейной жизни. Поэтому в дизайне мы делали упор на стилизованных иллюстрациях, летнюю тему и яркие краски. Это вызывает ассоциации отдыха, беззаботности и семейного счастья.
Управляющая компания публикует новости о жизни поселка: предстоящие встречи, анонсы важных событий, отчеты о проделанной работе.
Жильцы пользуются разделом «Профиль», чтобы держать под контролем расходы, общаться с управляющей компанией, вовремя оплачивать услуги.
Расходы под контролем
Связь с управляющей компанией
В чате с управляющей компанией можно прикреплять документы: фотографии, сканы и текстовые файлы.
В личном кабинете пользователь получает уведомления о важных событиях. Например, узнаёт о плановом ремонте дороги, изменениях в тарификации или общих мероприятиях.
Юридическая информация
Правовую информацию собрали на отдельных экранах, чтобы жильцам было легко найти всё, что нужно для оформления документов и официальных запросов.
Опросы и голосования
Управляющая компания учитывает мнения жильцов, поэтому предлагает им участвовать в опросах. Каждый может отдать голос, а по завершении голосования — посмотреть детальные результаты.

Задача №2: Разработка приложения для iOS и Android

Управление с телефона
Мобильное приложение полностью дублирует функционал веб-сервиса. Путь пользователя начинается с создания аккаунта.
Автоплатежи
История платежей всегда под рукой, а чтобы не тратить время на однотипные действия, можно подключить автоплатеж. С карты ежемесячно будет списываться сумма, которую укажет пользователь.
Адаптивный дизайн
Новости, как и остальные разделы веб-сервиса, адаптированы под разрешение мобильного устройства. Спокойная цветовая гамма не отвлекает и позволяет сосредоточиться на важном.
Внимание к мелочам
Мы также проработали экраны для возможных технических ошибок и придумали к ним иллюстрации.
Приложение было разработано с использованием кроссплатформенной технологии Flutter. Это ускоряет разработку и экономит 30–40% бюджета.
30-40% экономия бюджета
Если у вас возникли вопросы — оставьте контакты в форме обратной связи и мы вам перезвоним.
Понравился кейс? Пиши! Проведем бесплатный аудит и предоставим уникальный офер
Получить