Демо · 담다 쇼핑
Commerce · Online Store
담다 쇼핑
Покупки и управление заказами для небольшого интернет-магазина
Переходы внутри предпросмотра тоже попадают в историю кнопки «Назад» этой вкладки. Чтобы изучить демо не спеша, откройте его в новом окне.
Коротко
Это пример приложения для небольшого интернет-магазина, созданного в Cocode на Flutter, CoUI и Serverpod. В приложении для клиентов товары находят через подборку, категории и поиск, выбирают параметры, кладут в корзину и доходят до оплаты; в консоли администратора проверяют новые заказы, готовят их, вводят трек-номер и отмечают отправку. Cocode делает такие приложения для магазинов и консоли управления на заказ — от планирования и разработки до запуска и сопровождения.
- Тип
- Покупки и управление заказами для небольшого интернет-магазина
- Состав
- Приложение для клиентов · Консоль администратора · Widgetbook · Галерея эталонных снимков · Документация проекта
- Технологии
- Flutter · CoUI · Serverpod · Widgetbook
- Попробовать
- В браузере, без регистрации, на демонстрационных данных
- Разработчик
- Cocode Inc.
Основные функции
Функций: 6
- Просмотр товаровНачните с подборки и новинок на главной и найдите все восемь товаров через категории, сортировку и поиск.
- Карточка товараВыберите размер и цвет, посмотрите вкладки «Описание» и «Доставка и возврат», затем положите товар в корзину или купите сразу.
- КорзинаМеняйте количество или удаляйте выбранное — сумма, скидка и доставка пересчитываются. Доставка бесплатна при заказе от 50 000 ₩.
- Заказ и оплатаВыберите пожелания к доставке и способ оплаты, оплатите — и откроется экран с номером заказа. Купленные товары уходят из корзины.
- Панель администратораКарточки новых заказов, заказов к отправке, выручки за сегодня и товаров с малым остатком, новые заказы и лидеры продаж дня — на одном экране; новый заказ можно сразу отправить на подготовку.
- Обработка и отправкаФильтруйте список заказов по статусу, откройте заказ и переведите его в подготовку, затем укажите службу доставки и трек-номер и отметьте отправку.
Демо-аккаунты
И в приложении, и в консоли выберите аккаунт в разделе «Выбрать демоаккаунт» на первом экране. Пароль не нужен.
- КлиентПросмотр товаров · Поиск · Карточка товара · Корзина · Заказ и оплата
- АдминистраторПанель · Список заказов · Детали заказа · Подготовка · Ввод трек-номера
Экраны для просмотра
Экранов, которые открываются прямо в браузере: 5 — каждый в новом окне.
- AppПриложение для клиентовВыбрать товары, положить в корзину и оплатить (в новом окне)
- ConsoleКонсоль администратораНовые заказы, подготовка и отправка (в новом окне)
- WidgetbookWidgetbookКаталог экранов и компонентов (в новом окне)
- GoldenГалерея эталонных снимковСнимки экранов по устройствам и темам, сверенные с макетом (в новом окне)
- DocsДокументация проектаСтруктура, соглашения и сверка с дизайном (в новом окне)
Стек технологий
О демо-среде
- Демо на примере вымышленного интернет-магазина. Настоящие платежи, доставки и SMS не выполняются.
- Работает без сервера, на примерных данных в этом браузере, а после перезагрузки страницы начинается заново. Не вводите настоящие личные данные.
- При смене языка вы остаётесь на том же экране, а примерные данные — товары, имена, адреса — переключаются на выбранный язык.
- Разделы «Заказы» и «Профиль», отзывы в приложении для клиентов, а также «Товары», «Клиенты», «Выручка» и «Настройки» в консоли пока готовятся.
Разработка приложения для интернет-магазина на заказ
От первой консультации до передачи проекта. Сначала мы определяем объём работ, затем готовим смету.
- КонсультацияМенеджер связывается с вами и уточняет текущую ситуацию
- Объём работ1 неделя. Список экранов, затем смета и договор
- РазработкаКаждую неделю вы пробуете промежуточную версию
- ПередачаРепозиторий · админ-панель · права · документы
- Поддержка (опц.)Работа с магазинами приложений и сопровождение
Частые вопросы
Можно ли заказать приложение магазина и управление заказами вместе?
Да. Как в этом демо, одна команда делает и приложение для клиентов, и консоль администратора, которой пользуется ваша команда. После консультации мы за неделю составляем списки экранов для клиентов и для администрирования, затем готовим смету и договор. То, что ваша команда делает сама, — добавление товаров, проверку заказов, управление покупателями — мы реализуем как экраны администратора.
Как определяется стоимость?
Она зависит от объёма работ. Сначала мы вместе определяем объём, а затем готовим смету. Из чего складывается стоимость и какие бывают форматы договора, описано на странице «Этапы и стоимость».
Сколько времени займёт разработка?
Это зависит от объёма работ. Расскажите, какой сервис вы задумали, и первым делом мы вместе оценим сроки. В ходе работы вы каждую неделю сможете проверять рабочую промежуточную версию по ссылке и в тестовом приложении.
Кому принадлежат авторские права и право собственности?
После приёмки работ и полной оплаты все имущественные авторские права переходят к вашей компании — включая право на создание производных произведений, а мы не осуществляем личные неимущественные права в отношении результатов работ. Это прописывается в договоре.
Общие компоненты, которые используются в нескольких проектах, например CoUI, исключаются из передачи прав; вместо этого вы получаете копию исходного кода и право использовать и перерабатывать их без ограничений по сроку, количеству и территории. Уникальные для вашей компании бизнес-логика, структуры данных и элементы бренда полностью принадлежат вашей компании.
Как подключаются оплата и доставка?
В этом демо оплата и доставка имитируются, поэтому реальных платежей и SMS нет. Для настоящего магазина мы на консультации определяем, какие внешние сервисы подключать — например, платёжный сервис и службы доставки. Внешние интеграции входят в число факторов, влияющих на смету.
Если вам нужна такая система
Достаточно прислать три строки. С них и начинается определение объёма работ.