Mix feedЛента миксов
A card for each mix: ratios, brands, strength, and a swipe to the next idea.Карточка каждого микса: доли, бренды, крепость и свайп к следующей идее.
I built Mixly on my own with AI coding agents, from the idea and UX/UI to development, testing, and release. The product includes the iOS app, website, and admin panel.Mixly я сделал полностью сам с помощью AI-агентов: от идеи и UX/UI до разработки, тестирования и релиза. В продукт входят iOS-приложение, сайт и админка.
01 / Context01 / Контекст
Mixly is my iOS app for finding, saving, and creating hookah mixes by brand, flavor, and strength. I designed and developed the complete product: the iOS app, public website, and admin tools for managing the catalog and community.В моём iOS-приложении Mixly можно находить, сохранять и создавать кальянные миксы по бренду, вкусу и крепости. Я сам спроектировал и разработал весь продукт: приложение, сайт и админку для управления каталогом и миксами сообщества.
I worked with coding agents to write and refine code, document the work, and check consistency. I defined the product, made the technical decisions, reviewed the code, and tested the result. Mixly is available in Russian, English, and German. An Android version is in progress.Кодинг-агенты помогали писать и дорабатывать код, вести документацию и проверять единообразие интерфейса. Я определял функции продукта, принимал технические решения, проверял код и тестировал результат. Mixly доступен на русском, английском и немецком. Android-версия в работе.
02 / Task02 / Задача
Choosing a mix means balancing brands, flavors, and strength. I needed a clear path from those preferences to a recipe. The scope included a swipeable feed of 500+ mixes, a Lab for tobaccos people already own, Discovery for community ideas, a website, and admin tools I could run on my own.При выборе микса нужно учитывать бренды, вкусы и крепость. Я хотел сделать путь от этих предпочтений к рецепту понятным. В задачу входили лента из 500+ миксов, лаборатория для табаков, которые уже есть дома, Discovery с идеями сообщества, сайт и админка, с которой можно работать одному.
A card for each mix: ratios, brands, strength, and a swipe to the next idea.Карточка каждого микса: доли, бренды, крепость и свайп к следующей идее.
Flavor-based collections, community ideas, and a way to suggest a mix for the catalog.Подборки по вкусам, идеи сообщества и возможность предложить свой микс для каталога.
Keep track of the tobaccos at home and create personal recipes from them.Сохранить табаки, которые есть дома, и создавать из них свои рецепты.
A website in three languages, using the app’s visual system.Сайт Mixly на трёх языках с той же визуальной системой, что и в приложении.
Tools for reviewing community mixes and managing the catalog on my own.Инструменты, с которыми я могу сам проверять миксы сообщества и вести каталог.
I set development tasks, reviewed the code, and tested the product. I made the technical decisions throughout.Ставил задачи по разработке, проверял код и тестировал продукт. Технические решения принимал сам.
The appПриложение
The home feed is a stack of mix cards. Each shows the strength, flavor tags, and recipe with the proportions of each tobacco. Swipe through ideas, save the ones you like, and update brand, flavor, and strength preferences as your collection changes.На главном экране расположены карточки миксов: крепость, вкусы и рецепт с долей каждого табака. Можно листать идеи, сохранять понравившиеся и менять предпочтения по брендам, вкусам и крепости, когда домашняя коллекция обновляется.
Discovery brings together flavor-based collections, community mixes, reactions, and a form for suggesting new mixes. In the Lab, you can add the tobaccos you own, combine up to five flavors, and save their ratios. Mix Shot and share cards make recipes easy to share outside the app. Premium gives access to the full library of 500+ mixes and weekly additions. The free version offers a daily selection.В Discovery собраны подборки по вкусам, миксы сообщества, реакции и форма для новых предложений. В лаборатории можно добавить свои табаки, объединить до пяти вкусов и сохранить пропорции. Mix Shot и карточки миксов помогают делиться рецептами за пределами приложения. Premium открывает всю библиотеку из 500+ миксов и еженедельные пополнения. В бесплатной версии доступна ежедневная подборка.
The websiteСайт
get-mixly.app is a static website in Russian, English, and German. Its dark background and lime actions follow the app’s visual system. The page explains how to set preferences, browse the feed, and save mixes, then shows Discovery and the Lab with real app screens.Статический сайт get-mixly.app доступен на русском, английском и немецком. Тёмный фон и лаймовые акценты повторяют визуальную систему приложения. Страница объясняет, как указать предпочтения, просматривать ленту и сохранять миксы, а затем показывает Discovery и лабораторию на реальных экранах приложения.
The site also includes update history, a blog about flavors and pairings, and legal pages. Shared mix links open a dedicated page, which directs people to the App Store if they do not have the app. I designed and developed these pages as part of the same product.На сайте также есть история обновлений, блог о вкусах и сочетаниях и юридические страницы. Ссылки на миксы открывают отдельную страницу, которая направляет в App Store, если приложение ещё не установлено. Все эти страницы я сам спроектировал и разработал как часть одного продукта.
The adminАдминка
Mixly Admin is the internal tool I use to manage the product. Community mix suggestions arrive in a review queue. I can edit them in Russian, English, and German, refine the text, then approve, reject, or ask the author for more information. Each record also includes Discovery visibility and sorting priority, so I can control when and where a mix appears.В Mixly Admin я управляю продуктом. Предложения миксов от сообщества попадают в очередь на проверку. Их можно редактировать на русском, английском и немецком, дорабатывать текст, затем одобрять, отклонять или запрашивать у автора уточнения. В той же записи настраиваются видимость в Discovery и приоритет сортировки, поэтому я контролирую, когда и где появится микс.
The catalog tools manage the mixes, brands, and base flavors used in the app. I can also review reactions and comments. The admin follows the same visual system: dark backgrounds, lime for the main action, and mint for live status. The examples below are placeholders. Real admin screenshots will replace them.В каталоге можно управлять миксами, брендами и базовыми вкусами, которые использует приложение. Здесь же я проверяю реакции и комментарии. Админка сохраняет общую визуальную систему: тёмный фон, лайм для основного действия и мятный цвет для активного статуса. Ниже показаны заглушки. Позже их заменят реальные скриншоты админки.
PlaceholderЗаглушка
PlaceholderЗаглушка
03 / My contribution03 / Мой вклад
I took Mixly from the initial idea to release on my own. I defined the scope, designed the UX/UI and shared design system, developed the iOS app, website, and admin, then tested and launched them.Я самостоятельно прошёл весь путь от идеи Mixly до релиза: определил функции продукта, спроектировал UX/UI и общую дизайн-систему, разработал iOS-приложение, сайт и админку, затем протестировал и запустил их.
I implemented onboarding, the paywall, recipe sharing, language versions, and the website pages. I set the tasks, reviewed the code, and checked functionality and interface states across all three parts of the product.Я реализовал онбординг, экран подписки, отправку рецептов, языковые версии и страницы сайта. Ставил задачи, проверял код, работу функций и состояния интерфейса во всех трёх частях продукта.
04 / Process04 / Процесс
I planned Mixly as three connected parts: an app for finding and creating mixes, a website to introduce it, and admin tools for the catalog and moderation. I designed and developed them together, using one design system.Я задумал Mixly как три связанные части: приложение для поиска и создания миксов, сайт о продукте и админку для каталога и модерации. Сам спроектировал и разработал их по общей дизайн-системе.
I defined the core task: help people choose a mix that fits their brands, flavors, and preferred strength, then scoped the app, website, and admin around it.Определил основную задачу — помочь выбрать микс по брендам, вкусам и крепости. Затем продумал функции приложения, сайта и админки для её решения.
I designed the core flows and a shared visual system for the app, website, and admin: dark surfaces, lime actions, mint status indicators, and Montserrat typography.Спроектировал основные сценарии и общую визуальную систему для приложения, сайта и админки: тёмные поверхности, лаймовые акценты, мятные индикаторы и Montserrat.
I developed the iOS app, website, and admin with coding agents, implementing the feed, Lab, Discovery, paywall, and language versions. I reviewed the code and fixed issues as I went.С помощью агентов разработал iOS-приложение, сайт и админку: ленту, лабораторию, Discovery, экран подписки и языковые версии. Проверял код и исправлял ошибки.
I tested the key flows, fixed bugs, and released the iOS app on the App Store, alongside get-mixly.app in three languages and the catalog and moderation tools.Протестировал основные сценарии, исправил ошибки и выпустил iOS-приложение в App Store, сайт get-mixly.app на трёх языках и админку для каталога и модерации.
05 / Result05 / Результат
Mixly is available on the App Store. The website at get-mixly.app introduces it in three languages, with real app screens, update history, and a blog about flavors and pairings. The admin lets me review community mixes and manage the catalog. I designed, developed, tested, and launched all three parts myself, and now run the product independently.Mixly доступен в App Store. Сайт get-mixly.app знакомит с продуктом на трёх языках: реальные экраны приложения, история обновлений и блог о вкусах и сочетаниях. В админке я проверяю миксы сообщества и веду каталог. Все три части я сам спроектировал, разработал, протестировал и запустил. Теперь самостоятельно развиваю продукт.