Present Coral Mobile as completed portfolio project

This commit is contained in:
2026-09-01 12:20:28 +03:00
parent 0e86104aec
commit 0efdccf7fb
2 changed files with 21 additions and 19 deletions
+14 -12
View File
@@ -1,9 +1,9 @@
# Coral Mobile Lending
Русскоязычный одностраничный лендинг проекта нативного iPhone-приложения Coral
Travel. Страница рассказывает о концепции мобильного кабинета для путешествий:
акции, направления, заявки, события и персональная информация — в знакомом
мобильном сценарии.
Русскоязычный одностраничный лендинг реализованного нативного iPhone-приложения
Coral Travel. Это портфолио-проект для резюме: страница показывает мобильный
кабинет для путешествий, в котором акции, направления, заявки, события и
персональная информация собраны в одном сценарии.
Название репозитория сохраняет заданное имя `coral-mobile-lending`; по назначению
это именно **landing page**, а не приложение для кредитования.
@@ -19,10 +19,11 @@ Travel. Страница рассказывает о концепции моби
Изображения подготовлены из предоставленного исходного макета `KTM.JPG`: Hero,
обзор и галерея нарезаны в отдельные горизонтальные кадры для своих разделов.
## Сценарий продукта
## Проект в портфолио
Лендинг описывает направление разработки, а не обещает опубликованный App Store
релиз. Предполагаемый мобильный продукт включает:
Coral Mobile Lending представляет завершённый проект мобильного приложения для
iPhone. Лендинг демонстрирует его ключевые пользовательские сценарии и опыт
разработки мобильного продукта:
- ленту новостей, акций и специальных предложений;
- каталог направлений и туров;
@@ -31,12 +32,13 @@ Travel. Страница рассказывает о концепции моби
- push-уведомления о важных обновлениях;
- безопасный вход и хранение сессии в Keychain.
## Техническая концепция iOS
## Технологии iOS
Для нативной реализации предлагается стек Swift, SwiftUI и `URLSession` с
модульной архитектурой: `Auth`, `Feed`, `Offers`, `Events`, `Profile` и общий
сетевой слой. Ключевые требования — поддержка iPhone, Dynamic Type, VoiceOver,
безопасное хранение токенов и глубокие ссылки из уведомлений.
В описании проекта отражён нативный iOS-стек: Swift, SwiftUI и `URLSession` с
модульной архитектурой `Auth`, `Feed`, `Offers`, `Events`, `Profile` и общим
сетевым слоем. В реализации учитываются поддержка iPhone, Dynamic Type,
VoiceOver, безопасное хранение токенов в Keychain и глубокие ссылки из
уведомлений.
## Локальный просмотр
+7 -7
View File
@@ -3,10 +3,10 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Концепция нативного iPhone-приложения Coral Travel: акции, направления, заявки, события и личный кабинет в одном мобильном интерфейсе.">
<meta name="description" content="Реализованное нативное iPhone-приложение Coral Travel: акции, направления, заявки, события и личный кабинет в одном мобильном интерфейсе.">
<meta name="theme-color" content="#00549f">
<meta property="og:type" content="website">
<meta property="og:title" content="Coral Mobile — концепция iPhone-приложения">
<meta property="og:title" content="Coral Mobile — реализованный iPhone-проект">
<meta property="og:description" content="Нативный мобильный кабинет Coral Travel: поездки, акции, события и заявки.">
<meta property="og:image" content="img/hero.png">
<title>Coral Mobile — проект iPhone-приложения</title>
@@ -28,14 +28,14 @@
<body>
<header class="top"><div class="wrap"><a class="brand" href="#top"><span class="sun" aria-hidden="true"></span><span><b>Coral</b> Mobile</span><span class="platform">iPhone</span></a><nav class="nav"><a href="#features">Возможности</a><a href="#screens">Экраны</a><a href="#ios">iOS-разработка</a><a class="btn" href="#contact">Обсудить проект</a></nav></div></header>
<main id="top">
<section class="hero"><div class="wrap"><div class="kicker">Концепция мобильного продукта</div><h1>Coral Travel — <span>на iPhone</span></h1><p class="lead">Лендинг проекта нативного приложения для путешественников и партнёров: вся ключевая информация о направлениях, акциях, событиях и заявках — в привычном мобильном интерфейсе.</p><a class="btn" href="#features">Посмотреть возможности ↓</a><figure class="hero-visual"><img src="img/hero.png" alt="Исходный Hero-дизайн Coral Travel с двумя iPhone"></figure><p class="caption">Визуальная основа — предоставленный макет Coral Travel, адаптированный для секций лендинга.</p></div></section>
<section class="overview" id="features"><div class="wrap"><div class="eyebrow">Единая точка входа</div><h2 class="title">Путешествия и сервисы без лишних переходов</h2><p class="sub">Проект объединяет контент, специальные предложения и взаимодействие с пользователем в одном приложении. Каждая функция спроектирована для короткого мобильного сценария.</p><div class="grid"><article class="card"><div class="icon">01</div><h3>Акции и новости</h3><p>Персональная лента предложений, подборок и важных обновлений.</p></article><article class="card"><div class="icon">02</div><h3>Направления</h3><p>Удобный обзор туров и тематических материалов с визуальными карточками.</p></article><article class="card"><div class="icon">03</div><h3>Заявка с телефона</h3><p>Короткая форма участия в мероприятии без перехода на внешний сайт.</p></article></div><figure class="image-card"><img src="img/overview.png" alt="Экран Coral Travel и описание Travel Market"></figure></div></section>
<section class="hero"><div class="wrap"><div class="kicker">Реализованный iPhone-проект</div><h1>Coral Travel — <span>на iPhone</span></h1><p class="lead">Нативное приложение для путешественников и партнёров: направления, акции, события, заявки и личный кабинет объединены в привычном мобильном интерфейсе.</p><a class="btn" href="#features">Посмотреть возможности ↓</a><figure class="hero-visual"><img src="img/hero.png" alt="Hero-дизайн Coral Travel с двумя iPhone"></figure><p class="caption">Портфолио-проект Coral Travel: мобильный интерфейс для iPhone.</p></div></section>
<section class="overview" id="features"><div class="wrap"><div class="eyebrow">Единая точка входа</div><h2 class="title">Путешествия и сервисы без лишних переходов</h2><p class="sub">Приложение объединяет контент, специальные предложения и взаимодействие с пользователем в одном месте. Каждый сценарий оптимизирован для короткого мобильного пути.</p><div class="grid"><article class="card"><div class="icon">01</div><h3>Акции и новости</h3><p>Персональная лента предложений, подборок и важных обновлений.</p></article><article class="card"><div class="icon">02</div><h3>Направления</h3><p>Удобный обзор туров и тематических материалов с визуальными карточками.</p></article><article class="card"><div class="icon">03</div><h3>Заявка с телефона</h3><p>Короткая форма участия в мероприятии без перехода на внешний сайт.</p></article></div><figure class="image-card"><img src="img/overview.png" alt="Экран Coral Travel и описание Travel Market"></figure></div></section>
<section class="flow"><div class="wrap"><div class="eyebrow">Понятный пользовательский путь</div><h2 class="title">От интереса к действию — за несколько касаний</h2><p class="sub">Интерфейс строится вокруг привычного сценария iPhone и не требует изучать сложную навигацию.</p><div class="steps"><article class="step"><div class="num">1</div><h3>Открыть подборку</h3><p>Пользователь видит актуальную акцию, новость или направление в ленте.</p></article><article class="step"><div class="num">2</div><h3>Изучить детали</h3><p>Карточка даёт контекст, условия и понятное следующее действие.</p></article><article class="step"><div class="num">3</div><h3>Оставить заявку</h3><p>Данные профиля подставляются в форму, а статус остаётся в личном кабинете.</p></article></div></div></section>
<section class="tour" id="screens"><div class="wrap"><div class="eyebrow">Экраны продукта</div><h2 class="title">Один визуальный язык для разных задач</h2><p class="sub">Лента, каталог, акция и анкета связаны общей навигацией, привычной для iPhone.</p><figure class="image-card"><img src="img/screens.png" alt="Пять экранов iPhone приложения Coral Travel: акция, лента, старт, каталог и анкета"></figure></div></section>
<section id="ios"><div class="wrap"><div class="eyebrow">План реализации</div><h2 class="title">Нативный iOS-стек с вниманием к деталям</h2><p class="sub">Технический план можно развивать по этапам: сначала ценность для пользователя, затем интеграции и персонализация.</p><div class="tech"><article class="card"><h3>Клиентское приложение</h3><ul><li>Swift и SwiftUI для современных экранов iPhone;</li><li>адаптация к Dynamic Type и VoiceOver;</li><li>Keychain для чувствительных данных сессии;</li><li>deep link и push-уведомления.</li></ul></article><article class="card"><h3>Серверные интеграции</h3><ul><li>REST API для ленты, каталога, заявок и профиля;</li><li>единая авторизация и обновление токена;</li><li>кэширование контента для стабильной работы сети;</li><li>аналитика событий без передачи лишних данных.</li></ul></article></div></div></section>
<section class="cta" id="contact"><div class="wrap"><div class="cta-box"><h2>Готовы обсудить Coral Mobile?</h2><p>Этот лендинг фиксирует концепцию iPhone-приложения и может стать стартовой точкой для продуктового брифа, UX-проектирования и разработки MVP.</p><a class="btn" href="mailto:hello@dfv24.com?subject=Coral%20Mobile%20Lending">Запросить презентацию</a></div></div></section>
<section id="ios"><div class="wrap"><div class="eyebrow">Технологии iOS</div><h2 class="title">Нативный iOS-стек с вниманием к деталям</h2><p class="sub">В проекте использован современный подход к разработке: доступный интерфейс, защищённая сессия, сетевой слой и сценарии перехода из уведомлений.</p><div class="tech"><article class="card"><h3>Клиентское приложение</h3><ul><li>Swift и SwiftUI для современных экранов iPhone;</li><li>адаптация к Dynamic Type и VoiceOver;</li><li>Keychain для чувствительных данных сессии;</li><li>deep link и push-уведомления.</li></ul></article><article class="card"><h3>Серверные интеграции</h3><ul><li>REST API для ленты, каталога, заявок и профиля;</li><li>единая авторизация и обновление токена;</li><li>кэширование контента для стабильной работы сети;</li><li>аналитика событий без передачи лишних данных.</li></ul></article></div></div></section>
<section class="cta" id="contact"><div class="wrap"><div class="cta-box"><h2>Coral Mobile в портфолио</h2><p>Завершённый мобильный проект для iPhone: от пользовательских сценариев и интерфейсов до интеграции контента, заявок и личного кабинета.</p><a class="btn" href="https://github.dfv24.com/fofanov.dmitry/coral-mobile-lending">Открыть репозиторий</a></div></div></section>
</main>
<footer class="footer"><div class="wrap"><span>Coral Mobile Lending · концепция iPhone-приложения</span><span>© 2026 Дмитрий Фофанов</span></div></footer>
<footer class="footer"><div class="wrap"><span>Coral Mobile Lending · реализованный iPhone-проект</span><span>© 2026 Дмитрий Фофанов</span></div></footer>
<script>/* Небольшое улучшение: внешние почтовые ссылки не меняют URL лендинга. */</script>
</body>
</html>