Примеры разработки сайтов и приложений
Студия Мельников МС
Сайт-путешествие: вместо обычного меню — замковый зал с четырьмя комнатами. Показывает характер студии и возможности интерактивного оформления.
Индивидуальный интерактивный мир
- Разработали концепцию замка, логотип, главный зал и 4 комнаты. Иллюстрации стали основой интерфейса: навигация размещена на арках, досках и книге.
- Согласовали расположение текста и кнопок с перспективой предметов, чтобы элементы управления были частью интерьера.
Анимация и визуальные эффекты
- Собрали отдельные сценарии движения огня, знамён, растений, кошек и предметов, а также освещение и отражения.
- Добавили атмосферную пыль, реакцию указателя и переходы между комнатами. Отзывы открываются после перелистывания книжного листа.
Инструменты для обращения клиента
- Реализовали калькулятор из 3 типов сайта и 19 дополнений: допустимые опции зависят от типа, итог меняется сразу, у каждой функции есть пояснение.
- Собрали портфолио из 6 проектов и 36 снимков с описанием работ. Экосистема показана единой системой с 13 кадрами модулей.
- Добавили отзывы с оценкой звёздами и ссылкой на сайт клиента, публикацию после просмотра. Выбранный расчёт сохраняется при переходе к обращению.
Единый интерфейс и адаптация
- Переработали все типы модальных окон под атмосферу замка: пергамент, вывески, поля, кнопки и рамки изображений.
- Адаптировали калькулятор и просмотр проектов для компьютера и телефона: текст переносится по ширине окна, длинные описания прокручиваются, элементы управления остаются доступны.
Детский лаунчер Эмичка
Превращает главный экран планшета в понятное ребёнку пространство: крупные значки, любимые приложения и персональное оформление. Родитель выбирает, какие приложения будут видны.
Удобный экран для ребёнка
- Разработали собственный главный экран Android с крупными карточками приложений, часами, именем ребёнка и рисунками единорогов.
- Собрали отдельные компоновки для горизонтального и вертикального положения планшета.
Управление у родителей
- Родитель выбирает приложения галочками и меняет порядок их расположения. Настройки закрыты четырёхзначным PIN.
- Добавили четыре места для избранного: приложение добавляется долгим нажатием и не дублируется в общей сетке.
Работа на планшете
- Реализовали назначение приложения главным экраном Android и плавающую кнопку возврата поверх приложений с системным разрешением.
- Сохраняем выбор приложений и избранное на устройстве. Подготовили APK для установки и обновления приложения.
Ц-Лаб — сайт компании
Помогает заказчику разобраться в услугах охраны труда и обучения, оценить стоимость и обратиться в компанию.
Полная техническая пересборка
- Перенесли корпоративный сайт с WordPress на собственный код: заново собрали страницы, общие элементы и пользовательские сценарии. Новая версия работает без прежней CMS, её плагинов и отдельной базы MySQL.
- Уменьшили размер сайта с ≈1,8 ГБ до 99,1 МБ.
Индивидуальный дизайн и изображения
- Разработали единое оформление корпоративных страниц, услуг и учебного центра. Изображения пересобрали специально под дизайн этого сайта.
- Согласовали иллюстрации, типографику, формы и навигацию; подготовили облегчённые изображения с сохранением их размера и пропорций на странице.
- Добавили помощника, анимированные показатели и показатель стажа от 2013 года. Проигрыватель гимна продолжает работу при переходах между страницами.
Защита служебных данных
- Закрыли посетителям доступ к настройкам сервера, исходным служебным файлам и внутреннему хранилищу сайта.
- Удалили ненужное подключение Saby из страниц и программных компонентов сайта.
- Разделили согласие на отправку персональных данных и выбор cookie: посетитель сам управляет разрешением на сбор статистики.
Заявки и расчёт услуг
- Собрали калькулятор с выбором услуги, объёма и программы обучения. Сумма пересчитывается автоматически при изменении условий.
- Связали расчёт с обращением в компанию; подготовили формы заявки и обработку данных на сервере.
- Добавили версию для слабовидящих: размер текста, контрастность и отключение изображений.
Скорость с измеримым результатом
- Ускорили загрузку оформления и шрифтов, устранили скачки элементов при открытии страниц. Главная получила 100/100 за производительность в тесте PageSpeed на телефоне и компьютере.
- В тесте скорости основной контент главной появлялся за 1,5 с на телефоне и 0,6 с на компьютере.
Адаптация и подготовка к поиску
- Проверили геометрию 44 страниц на 11 размерах: 484 сочетания. Исправили выход изображения возле формы за границы узкого экрана на шести страницах.
- Мониторы: 4K 3840×2160, QHD/2K 2560×1440, широкий 3440×1440, Full HD 1920×1080, 1366×768 и 1280×1024. Планшеты: 1024×768, 768×1024. Телефоны: 390×844, 360×800, 320×568.
- Подготовили сайт к поисковому продвижению: настроили названия и описания страниц, понятные адреса и сведения, по которым поисковые системы распознают содержание сайта.
Мой дневник — КБЖУ
Позволяет видеть питание за день без перегруженных таблиц: сколько съедено и что осталось до выбранных ориентиров.
Единый дневник питания
- Собрали записи блюд, порции и итоги выбранного дня; добавили переходы между датами.
- Одновременно рассчитываются и отображаются 4 показателя: калории, белки, жиры и углеводы.
Наглядный контроль дневного рациона
- Сопоставили дневные итоги с ориентирами: шкалы показывают остаток и превышение без ручного чтения большой таблицы.
- Для каждого блюда доступны вес порции и пищевая ценность, а записи объединены в дневной рацион.
Оформление и устойчивость интерфейса
- Подготовили светлую и тёмную темы с общей логикой показателей.
- Добавили понятное отображение загрузки и возможность повторить получение данных при сбое связи.
Кабинет проекта
Собирает работу над сайтом в одном месте: от знакомства с идеей до согласований и передачи результата.
Рабочий процесс от идеи до передачи сайта
- Собрали 6 связанных этапов: знакомство, предложение, договор и оплата, разработка, проверка, завершение. Пройденные этапы сохраняются для просмотра.
- Вместо длинной анкеты сделали пошаговый выбор пожеланий. Ответы, ссылки и материалы собраны в контексте проекта.
- Реализовали версии предложений и заполнение документов данными системы; согласованная информация остаётся в истории.
Переписка и контроль сроков
- Привязали отдельный чат к каждому проекту: сообщения, вложения и события работы доступны в одном месте.
- Добавили запись голосовых сообщений и отправку текста после распознавания.
- Связали запросы клиенту с отсчётом срока: ожидание останавливает счётчик, продолжение требует ответов на все открытые запросы.
Разграничение доступа и защита данных
- Разделили действия клиента и исполнителя; проверили ограничения доступа к чужим проектам и файлам, приватному просмотру и журналу событий.
- Защитили служебное хранилище от прямого открытия и вход — от поддельных запросов. Проверили разграничение доступа: 33 автоматических теста и 473 контрольных условия.
Контроль файлов и сохранность истории
- Ограничили хранение материалов 10 МБ суммарно на клиента; сервер учитывает файлы во всех его проектах.
- Реализовали подтверждённую выжимку файла с автором, временем и контрольным отпечатком. Оригинал можно удалить по предусмотренной процедуре, сохранив выжимку и сведения о нём.
- Удаление оригинала не переписывает историю согласованного этапа. При сбое обработку можно безопасно продолжить без повторного создания выжимки.
Карта семьи
Связывает семейные цели, задачи и финансовые ориентиры на одном визуальном рабочем столе.
Собственная карта вместо разрозненных страниц
- Собрали цели, дом, транспорт, задачи и финансовые разделы на едином визуальном рабочем столе с фотографиями и связями.
- Разработали индивидуальное оформление карточек, подписей и навигации под семейную карту.
Управление большим рабочим пространством
- Реализовали перемещение и масштабирование карты, возврат ко всей схеме одной кнопкой и сохранение положения.
- Подробности открываются рядом в боковой панели, которую можно расширять: общий контекст карты остаётся доступен.
Работа с планами и цифрами
- Связали разделы карты с планами, задачами и финансовыми параметрами. У дома доступны изображения и перечень работ, у финансов — собственные поля и обзор.
Расходы из банковской выписки — без ручного ввода
- Добавили загрузку выписки Сбербанка: система автоматически распределяет расходы по дням и категориям, чтобы видеть, когда и на что уходят деньги.
Экосистема Ц-Лаб
Единое пространство для ежедневной работы компании: рабочий стол, задачи, клиенты, продажи и коммерческие предложения. Все модули собраны в общем меню.
Единая рабочая система с модулями
- Собрали общую оболочку компании: рабочий стол, задачи, чаты, CRM продаж и систему электронного КП в одном меню.
- Добавили настраиваемый рабочий стол: блоки задач, переписок и знаний можно перемещать и организовывать под работу пользователя.
Управление задачами
- Реализовали 3 представления одних задач: список, доска по состояниям и календарь.
- Добавили создание и просмотр задач, обновление данных и сообщения об ошибках или изменениях другим участником.
CRM: клиенты и процесс продажи
- Собрали 4 воронки: холодные, тёплые, горячие и спящие продажи. Сделки распределяются по этапам, рядом видны задачи и следующий шаг.
- Объединили карточки сделок, список клиентов и рабочие показатели в отдельном модуле общего пространства.
Система электронного КП
- Реализовали конструктор из 5 шагов: клиент, основное предложение, дополнительные услуги, этапы выгод и условия.
- Добавили сводку стоимости, варианты оплаты и архив готовых предложений со статусами.
- Объединили подготовку и просмотр коммерческих предложений в отдельном модуле общего рабочего пространства.
Включите JavaScript для интерактивных комнат, калькулятора и отправки сообщений.