Разработка и дизайн мобильных приложений

Разработка и дизайн мобильных приложений под ключ: от написания технического задания и проектирования, до дизайна и разработки.

01 Воплощаем ваши идеи в жизнь

Мобильные приложения - самый удобный формат взаимодействия с пользователями вашего бизнеса. Телефон всегда в карме или под рукой у ваших покупателей или клиентов. Мобильные приложения могут быть самостоятельным решением или дополнением к веб-платформе. А мы создадим лучшее приложения для ваших пользователей!

Разрабатываем для различных сфер

Мы разрабатываем мобильные приложения для сфер: логистика; складской учет; аренда оборудования; услуги; производство; товароучет и другие.

Выстраиваем четкий процесс

Мы знаем как правильно выстроить процесс разработки мобильного приложения, чтобы доставить вам качественный продукт в оговоренные сроки в рамках согласованного бюджета.

Решаем все ваши задачи

Наше приложение может быть создано как самостоятельный продукт, так и дополнение к вашим веб ресурсам. Пользователь получит удобную возможность многоканальной коммуникации в вашим бизнесом.

ILAVISTA TECHNOLOGIES PRODUCT DEVELOPMENT COMPANY

02 Языки программирования

Мобильные приложения разрабатываются для двух операционных систем: android и iOS. Для разработки приложения можно использовать как отдельные языки программирования для каждой операционной системы, так и можно использовать кроссплатформенный язык - Flutter. Наша команда разрабатывает приложения именно на технологии Flutter.

Технологии

Какие технологии и
инструменты используем

Опираясь на команду опытных дизайнеров и разработчиков, специалистов в области аналитики и профессионалов, ведущих проекты, мы предлагаем широкий спектр цифровых технологий.

Мы используем гибкую методологию Agile, Scrum, что позволяет создавать проекты, которые отвечают бизнес-требованиям.

Инструменты: Jira, confluence (для формирования задач), Miro, Figma (для создание карт проекта).

Все исследования (создание карт ценностного предложения, персон, CJM и сценариев) делаются в Figma.

Инструменты: Figma, Sketch (для интерфейсов и прототипирования), Adobe Photoshop, Adobe Illustrator (для графики), InVision (для прототипирования), Adobe After Effect (для видео-контента).

Дизайн отрисовывается на основе Human Interface Guidelines Material Design.

В разработке приложений на Flutter мы используем следующие библиотеки:

Flutter Material Design, Flutter Cupertino Design, Flutter Bloc, Flutter Provider, Flutter Http, Flutter Firebase, Flutter Image, Flutter Localizations, Flutter WebView.

Это лишь небольшой список используемых библиотек для Flutter, их множество и зависят от потребностей конкретного проекта.

Используем Laravel Framework (v9) - php-фреймворк с открытым кодом, а также сопутствующие технологии (MySQL, Redis, Docker, socket.io и др.)

Каналы: контент-маркетинг, поисковое продвижение (SEO), платная реклама (поисковая, медийная, таргетированная)

Инструменты: Google аналитика, Yandex метрика (инструменты веб-аналитики), сторонние сервисы для создания квизов, лид-форм, отложенного постинга, масслукинг/масслайкинг, чат-боты, всплывающие окна.

Наши процессы

Мы разбиваем рабочий процесс на четкие этапы и гарантируем соблюдение сроков и бюджета, выполнение задач и получение клиентом планируемых результатов.

Бриф с описанием

Проджект-менеджер присылает вам документ со всеми необходимыми вопросами о бизнесе, целевой аудитории, а также о причинах необходимости создания продукта.

Карта проекта

Далее составляется карта проекта со всеми страницами и пометками по функциональным возможностям, чтобы учесть все нюансы и правильно оценить объем работ.

Техническое задание

Описывается и фиксируется объем задач, входящий в проект. Техническое задание закрепляет полный и конечный список функций, которые будут реализованы в проекте.

Первый вариант прототипов

На этой стадии описание, карта проекта и техническое задание превращаются в конкретные блоки, элементы, страницы и взаимосвязи.

Тестирование и правки

Для того, чтобы система правильно работала, необходимо проверить все гипотезы, протестировать навигацию пользователя по сайту и убедиться в удобстве пользования системой.

Финальный вариант прототипов

Далее происходит внесение по необходимости правок в макеты, финализация всех страниц и добавление того функционала, который был не учтен.

Концепция дизайна

Создаются 1-2 первых блока главной страницы в двух вариантах для того, чтобы заложить стилистику будущего продукта (цветовую палитру, шрифты, графические материалы, композицию и тд.).

Согласование и правки

По мере готовности презентуются две концепции, выбирается будущее направление визуального отображения информации, согласовывается стиль и при необходимости вносятся коррективы.

Финальные дизайн-макеты

После утверждения концепции происходит отрисовка всех остальных макетов продукта, а том числе и его адаптивной версии. Создается UI-KIT для качественной передачи проекта на разработку.

Настройка рабочей среды/верстка макетов

Под каждый проект индивидуально настраивается его рабочая среда и устанавливаются необходимые библиотеки. Затем в код переносится UI-KIT и начинается процесс создания структуры страниц.

Стилизация макетов/программирование

Для того, чтобы элементы логично реагировали на действие пользователя к ним добавляются визуальные эффекты и анимация. На интерактивные страницы закладывается программирование путем создания API запросов для интеграции с бэкендом.

Проверка по чек-листу

Сверстанные страницы проходят проверку на кроссбраузерность и адаптив, оптимизируется скорость их загрузки. Затем сайт проверяет дизайнер: везде ли страницы выглядят так же, как и на макете, правильно ли работают анимации.

Разворачивание проекта

Программисты разворачивают проект и окружение, приступают к реализации технического задания.

Соединение с версткой

На этом этапе верстка соединяется с back-end, чтобы приступить к тестированию проекта.

Заполнение тестовыми данными

Тестовые данные помогают проверить техническое задание на реальных данных. При заполнении проверяется работоспособность и отображение данных.

Планирование стратегии

Анализ конкурентов и конъюнктуры рынка. Подготавка “базы” для внедрения стратегии: поисковое продвижение (SEO), подключение инструментов веб-аналитики. Выбираем каналы и инструменты интернет - маркетинга. Определяем достижимые KPI.

Внедрение решений

Формируем семантическое ядро, контент- план, подключаем сторонние сервисы. Тестируем рекламные каналы и инструменты. Приводим первых посетителей.

Анализ работы и внесение правок

Замеряем статистику в рамках KPI. Считаем конверсию из кликов в лиды, из лидов в продажи. Стоимость привлечения клиента. Вносим корректировки в стратегию. Планируем рекламный бюджет.

Заказать консультацию

Наши проекты

GTE

Мобильное приложение

GTE GmbH Driver App — приложение для водителей компании по оптимизации логистических операций

О продукте:

GTE GmbH Driver App — это идеальное приложение для беспрепятственного общения и эффективного обмена информацией внутри компании.

Услуги:

Technical Requirement , UX/UI-design , Flutter , Front-end / Back-end , QA , Production , Публикация на Google Play , Support

Технологии:

Flutter, Php (Laravel), MySQL, Redis, Docker

На страницу проекта

Социальная сеть

Мобильное приложение

Социальная сеть - мобильное приложение

О продукте:

Интегрируя идею в реальность, новое приложение родилось из желания предоставить уникальный инструмент для общения.

Услуги:

Technical Requirement , UX/UI-design , Flutter , Mob apps / Back-end , QA , Production , Публикация на App Store , Публикация на Google Play , Support

Технологии:

Flutter, Php (Laravel), MySQL, Redis, Docker

На страницу проекта

ITSME

Мобильное приложение

ITSME - приложение для обмена контактами.

О продукте:

"ITSME" - это инновационное мобильное приложение, предоставляющее пользователям уникальные возможности создания и обмена бизнес-карточек. С его помощью вы можете легко создавать персональные бизнес-карточки, обмениваться ими с помощью QR-кода или NFC, а также удобно хранить контактные данные всех ваших связей в одном месте.

Услуги:

Technical Requirement , UX/UI-design , Flutter , Mob apps / Back-end , QA , Production , Support

Технологии:

Flutter, Php (Laravel), MySQL, Redis, Docker

На страницу проекта

Visa Days

Платформа-агрегатор

Visa Days - Приложение для отслеживания налогового резидентства пребывания в стране.

О продукте:

Начиная с идеи, нашей целью было создать удобное мобильное приложение - Visa Days.

Услуги:

Technical Requirement , Mob apps / Back-end , Flutter , QA , Production , Публикация на App Store , Публикация на Google Play , Support

Технологии:

Flutter, Php (Laravel), MySQL, Redis, Docker

На страницу проекта

Goh Place

Мобильное приложение

Goh Place - приложение для отображения списка кальянных и магазинов

О продукте:

GoHookah.club — это агрегатор кальянных заведений, которые отобраны модераторами проекта. Кальянные отображаются на интерактивной карте, а зарегистрированные пользователи ресурса могут оставлять свои отзывы и формировать рейтинг этих заведений.

Услуги:

Technical Requirement , UX/UI-design , Flutter , Front-end / Back-end , QA , Production , Публикация на Google Play , Support