Студия Мельников МС

Разработка сайтов

Личный кабинет ↗

Студия
Мельников МС

Примеры разработки сайтов и приложений

Студия Мельников МС

Сайт-путешествие: вместо обычного меню — замковый зал с четырьмя комнатами. Показывает характер студии и возможности интерактивного оформления.

Индивидуальный интерактивный мир

  • Разработали концепцию замка, логотип, главный зал и 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 шагов: клиент, основное предложение, дополнительные услуги, этапы выгод и условия.
  • Добавили сводку стоимости, варианты оплаты и архив готовых предложений со статусами.
  • Объединили подготовку и просмотр коммерческих предложений в отдельном модуле общего рабочего пространства.