Проект студии · Сервисы
Напомка: напоминалка, которая понимает обычную речь
Сервис напоминаний napomka.ru: человек пишет обычную фразу, а Напомка сама ставит время и напоминает в Telegram, пушем и в виджете. Сайт, приложение для телефона и компьютера, Android-приложение и сервер.
Задача
У занятого человека дела живут в голове: созвоны, платеж за садик, врач, таблетки, день рождения мамы. Календарь для этого слишком тяжелый, а встроенные напоминалки телефона не видят рабочий календарь и не приходят на компьютер.
Нужен был сервис, куда дело можно сбросить одной фразой, как в заметку, и получить напоминание там, где человек его точно увидит. Без регистрации, без почты и пароля, бесплатно. Аудитория широкая: офисные сотрудники, предприниматели, мамы со школой и кружками, фрилансеры. Сайт должен приводить их из поиска по запросам вроде "напоминалка на андроид" и "бот напоминалка телеграм".
Решение
Главный экран приложения - одна строка ввода. Пока человек печатает, Напомка подсвечивает, что поняла как дату и время, и показывает итог до сохранения. Напоминание уходит по выбранным каналам: бот в Telegram, пуш в браузере, виджет, Android-приложение.
Регистрации нет: кнопка на сайте сразу заводит аккаунт на устройстве и записывает фразу. На втором устройстве те же напоминания открываются по коду из 6 цифр.
Сайт из 15 страниц собран под поисковый спрос: главная и 12 инструкций (Telegram, iPhone, Android, виджет, календари, таблетки, дни рождения). Каждая страница отвечает на свой запрос из семантики на 1380 фраз и ведет в приложение с нужной настройкой.
Что внутри
Разбор русской речи
Сервер понимает "в пн", "в полдень", часы словами, повторы "по будням" и "каждое 5 число". Фраза "каждый день в 9 и 21 выпить таблетки" дает два напоминания, невозможную дату сервис не примет.
Три шага напоминания
По умолчанию за час, за 15 минут и в момент начала. Шаги меняются: за день, за 3 часа, за 5 минут.
Telegram-бот с кнопками
В сообщении есть кнопки "Открыть встречу", "Отложить на 10 минут", "На час" и "Готово". Ссылка на созвон из фразы попадает прямо в кнопку.
Календари по ссылке
Google, Яндекс, Outlook и iCloud подключаются по ссылке iCal (адрес календаря только для чтения). Сервер проверяет их раз в 10 минут и напоминает о встречах на 14 дней вперед.
Пуш на iPhone без App Store
Приложение ставится с сайта на экран Домой и присылает настоящие уведомления на iOS 16.4 и новее.
Android-приложение с виджетом
Ближайшие дела видны на главном экране. Напоминания ставятся будильниками на самом телефоне и срабатывают без интернета и без сервисов Google. APK весит 45 КБ.
Сервис работает на napomka.ru: сайт, приложение, Telegram-бот и Android-приложение доступны всем. Данных о числе пользователей и трафике пока нет.
Экраны
Как это выглядит
На компьютере
На телефоне
Дизайн и как выбирали концепт
Заказчик попросил авторский дизайн, не похожий на типовые лендинги, и характерный шрифт с кириллицей. Концепты мы рисовали с помощью генеративных моделей, поэтому за одно утро прошли три круга.
В первом круге было шесть направлений: от спокойного "Тихого режима" до брутализма и темного терминала. Заказчику понравились два: "Тихий режим" за спокойствие и "Ручная графика" за живость, но вторая выглядела как сайт для школьников. Во втором круге мы собрали четыре варианта на стыке этих двух и расширили образ на всю аудиторию. Заказчик сказал, что тема жизни человека с кучей дел заявлена, но не раскрыта. Третий круг начали с чистого листа и нашли идею, которая проходит через всю страницу.
Выбрали два концепта из третьего круга и оставили оба. Основной стиль "Ежедневник": разворот блокнота, рукописные пометки, стикеры, заголовок "Выгрузите дела из головы". Вторая тема "Пульт" темная, с лаймовыми акцентами, для тех, кому ближе приборная панель. Переключатель в шапке меняет оформление сразу и на сайте, и в приложении. Знак - закладка с галочкой и коралловой точкой, он же иконка приложения.
По выбранным концептам мы написали дизайн-систему со светлой и темной темой, нарисовали макеты всех экранов и сверстали сайт по ним с точностью до пикселя на ширине 1440.
Итерации дизайна по порядку
Стек
Технологии
Стек выбираем под задачу, бюджет поддержки и команду, которая будет развивать продукт
- Python и FastAPIAPI, разбор фраз, бот и отправка напоминаний
- SQLiteАккаунты, напоминания и журнал отправки без дублей
- PWA на JavaScriptПриложение для телефона и компьютера, ставится с сайта
- Web Push (VAPID)Уведомления в браузере без сторонних сервисов
- iCalendarЧтение календарей Google, Яндекс, Outlook и iCloud по ссылке
- Java для AndroidПриложение с виджетом и будильниками, сборка без Gradle
Процесс
Как идет работа
Прозрачный процесс: каждый этап заканчивается результатом, который можно посмотреть руками
- 01
Семантика
Собрали 1380 поисковых фраз и распределили запросы по 15 страницам сайта.
- 02
Сервер и бот
Подняли API, Telegram-бота и чтение календарей, перевели сервис на домен napomka.ru.
- 03
Концепты
Прошли три круга концептов главной, 14 вариантов, и выбрали две темы оформления.
- 04
Макеты и верстка
Написали дизайн-систему, нарисовали макеты всех экранов и сверстали сайт и приложение в обеих темах.
- 05
Тестирование
Три тестировщика проверили внешний вид, функции и путь пользователя и нашли 109 недочетов, главные исправили в тот же день.
- 06
Выкладка
Выложили новую версию, на сервере прошли 56 автотестов.
Вместе к большему
Нужен сервис с ботом и приложением?
Расскажите, что должны получать ваши пользователи, и мы предложим состав первой версии.
Бесплатно
Прототип вашего приложения или сайта за 5 дней
5-7 ключевых экранов и смета по этапам. Останутся у вас, даже если дальше вы решите работать не с нами.
Оставить заявку
Расскажите о вашем проекте
Мы свяжемся с вами в течение рабочего дня и предложим варианты решения.
- 1Созвон на 30 минут: разбираем задачу
- 2Вилка по бюджету и срокам
- 3Прототип и точная оценка
Или напрямую: +7 (982) 010-01-18