[{"data":1,"prerenderedAt":386},["ShallowReactive",2],{"case-\u002Fcases\u002Fbookberry-booking":3,"cases-list-cases":312},{"id":4,"title":5,"body":6,"company":275,"cover":276,"description":280,"draft":281,"extension":282,"hero":283,"meta":286,"navigation":287,"ogImage":288,"order":289,"path":290,"period":291,"platform":292,"problemLine":293,"product":294,"prototype":295,"role":296,"seo":297,"status":298,"stem":299,"team":300,"tint":301,"tldr":302,"tools":307,"workType":309,"year":310,"__hash__":311},"cases\u002Fcases\u002Fbookberry-booking.md","BookBerry: прямое бронирование отеля, где цена и условия видны до оплаты",{"type":7,"value":8,"toc":267},"minimark",[9,68,200,253],[10,11,14,19],"case-section",{"id":12,"label":13},"problem","Проблема",[15,16,18],"h2",{"id":17},"прямая-бронь-должна-быть-не-сложнее-чем-на-ota","Прямая бронь должна быть не сложнее, чем на OTA",[20,21,22,39,50],"case-grid",{},[23,24,26],"tile-text",{"label":25},"Гостю нужно",[27,28,29,33,36],"ul",{},[30,31,32],"li",{},"видеть итоговую цену со всеми сборами до оплаты, а не на последнем шаге;",[30,34,35],{},"понимать условия отмены и допуслуги до ввода карты;",[30,37,38],{},"забронировать с телефона за несколько шагов.",[23,40,42],{"label":41},"Отелю нужно",[27,43,44,47],{},[30,45,46],{},"получать бронирования напрямую, без комиссии OTA;",[30,48,49],{},"показывать номера и тарифы под своим брендом.",[23,51,55],{"label":52,"span":53,"tone":54},"Контекст","full","outline",[56,57,58,59,63,64,67],"p",{},"BookBerry AI (бывший BnBerry) приводит отелям гостей из AI-ассистентов, Google и от креаторов. ",[60,61,62],"strong",{},"DBS app"," — B2C-часть платформы: движок бронирования под брендом отеля. Пилот сделан для отеля-партнёра вместе с агентством ",[60,65,66],{},"Outglow",".",[10,69,72,76,138],{"id":70,"label":71},"solution","Ключевые решения",[15,73,75],{"id":74},"цена-и-условия-видны-до-оплаты-на-каждом-шаге","Цена и условия видны до оплаты — на каждом шаге",[20,77,78,89,96,100,110,120,124,128],{},[23,79,81,86],{"label":80},"Решение 1",[82,83,85],"h3",{"id":84},"цена-за-ночь-прямо-в-календаре","Цена за ночь — прямо в календаре",[56,87,88],{},"Гость сразу видит, какие даты дешевле, и ему не нужно уходить сравнивать на OTA. Внизу всегда сводка «4 nights · 2 adults · 1 room» и одна кнопка.",[90,91],"tile-image",{"alt":92,"src":93,"width":94,"height":95},"Календарь «Choose your stay» с ценой за каждую ночь, выбранный диапазон 11–15 сентября и кнопка «Select room»","\u002Fcases\u002Fbookberry-booking\u002Fs-stay-range.png",644,1400,[90,97],{"alt":98,"src":99,"width":94,"height":95},"Выдача номеров: карточка Garden Suite с бейджами «Guest favourite», «Only 1 room left» и «3 viewing now», цена за 4 ночи «includes all fees» и «Compare prices»","\u002Fcases\u002Fbookberry-booking\u002Fs-results.png",[23,101,103,107],{"label":102},"Решение 2",[82,104,106],{"id":105},"одна-цена-включая-все-сборы","Одна цена «включая все сборы»",[56,108,109],{},"В выдаче и дальше по флоу — цена за весь срок с пометкой «includes all fees», поэтому сумма не вырастает на последнем шаге.",[23,111,113,117],{"label":112},"Решение 3",[82,114,116],{"id":115},"условия-до-ввода-карты","Условия — до ввода карты",[56,118,119],{},"На «Review & book» сводка брони с «Edit», итог, условия тарифа и бесплатной отмены — до формы оплаты. Apple Pay первым, карта вторым.",[90,121],{"alt":122,"src":123,"width":94,"height":95},"Экран «Review & book»: сводка брони с «Edit», итоговая цена, условия тарифа и форма данных гостя","\u002Fcases\u002Fbookberry-booking\u002Fs-review.png",[90,125],{"alt":126,"src":127,"width":94,"height":95},"Экран «Payment failure» с объяснением и действиями «Try again» и «Update your payment method»","\u002Fcases\u002Fbookberry-booking\u002Fs-payfail.png",[23,129,131,135],{"label":130},"Решение 4",[82,132,134],{"id":133},"ошибка-не-тупик","Ошибка — не тупик",[56,136,137],{},"У каждой ошибки свой экран и следующий шаг: при сбое оплаты — «Try again» и «Update your payment method», при неудачном запросе — «Back to rooms».",[139,140,142],"all-screens",{"count":141},"10",[20,143,144,150,157,163,167,171,177,182,186,192,196],{},[23,145,147],{"label":146,"span":53},"Десктоп и остальные экраны",[56,148,149],{},"Десктоп повторяет логику мобильного в две колонки: справа закреплены цена, даты, условия и допуслуги, перед оплатой — «You won't be charged yet» и разбивка «Pay today \u002F Due at property».",[90,151],{"alt":152,"src":153,"bg":154,"span":53,"width":155,"height":156},"Мобильный флоу целиком: выдача номеров, страница номера с условиями и допуслугами, Review & book с Apple Pay и картой, подтверждение брони","\u002Fcases\u002Fbookberry-booking\u002Fflow-long.png","#F4F4F2",1352,1913,[90,158],{"alt":159,"src":160,"bg":154,"span":53,"width":161,"height":162},"Выбор дат на мобильном: календарь с ценой за ночь, выбранный диапазон 11–15 сентября и лист «Guests & Rooms»","\u002Fcases\u002Fbookberry-booking\u002Fdates.png",1800,1000,[90,164],{"alt":165,"src":166,"width":94,"height":95},"Страница номера Garden Suite: фото, бейджи срочности, вместимость, кровати и удобства","\u002Fcases\u002Fbookberry-booking\u002Fs-room.png",[90,168],{"alt":169,"src":170,"width":94,"height":95},"Экран «Your reservation is confirmed»: письмо-подтверждение, даты заезда и выезда и кнопка «Add to calendar»","\u002Fcases\u002Fbookberry-booking\u002Fs-confirm.png",[90,172],{"alt":173,"src":174,"bg":154,"span":53,"width":175,"height":176},"Десктоп: выдача номеров с ценой за 4 ночи, бейджами срочности и кнопкой «Choose room»","\u002Fcases\u002Fbookberry-booking\u002Fd-results.png",1600,1110,[90,178],{"alt":179,"src":180,"bg":154,"span":53,"width":175,"height":181},"Десктоп: Review & book — данные гостя и оплата слева, сводка брони и разбивка цены справа","\u002Fcases\u002Fbookberry-booking\u002Fd-review.png",1168,[90,183],{"alt":184,"src":185,"bg":154,"span":53,"width":175,"height":176},"Десктоп: подтверждение брони с деталями, политикой отмены, действиями и местами рядом","\u002Fcases\u002Fbookberry-booking\u002Fd-confirm.png",[90,187],{"alt":188,"src":189,"bg":154,"span":53,"width":190,"height":191},"Десктоп: модальное окно «Change dates» с двумя месяцами и ценой за каждую ночь","\u002Fcases\u002Fbookberry-booking\u002Fd-datepicker.png",954,634,[90,193],{"alt":194,"src":195,"width":94,"height":95},"Фототур номера: фотографии гостиной, спальни и бассейна сеткой","\u002Fcases\u002Fbookberry-booking\u002Fs-photo.png",[90,197],{"alt":198,"src":199,"width":161,"height":162},"Фототур номера, экран «Payment failure» и экран «Unsuccessful booking request» с действиями","\u002Fcases\u002Fbookberry-booking\u002Fstates.png",[10,201,204,208,233],{"id":202,"label":203},"design-system","Дизайн-система",[15,205,207],{"id":206},"дизайн-система-которую-можно-перенести-в-код-без-перевода","Дизайн-система, которую можно перенести в код без перевода",[20,209,210,216,227],{},[23,211,213],{"label":212},"Структура как в коде",[56,214,215],{},"Токены в три слоя — Core → Semantic → Component (больше 1 200 переменных). Библиотека разбита на те же разделы, что и код: Primitives, Actions, Forms, Navigation, Feedback, Patterns.",[23,217,219],{"label":218},"Паспорт у каждого компонента",[56,220,221,222,226],{},"Назначение в одном предложении, анатомия, props с теми же именами, что в коде, и статус ",[223,224,225],"code",{},"draft · ready · deprecated",". Плюс доменные паттерны: RoomCard, Calendar 6×7, PriceSummary.",[90,228],{"alt":229,"src":230,"bg":154,"span":53,"width":231,"height":232},"Button: варианты primary, secondary и ghost в размерах md и sm во всех состояниях, с анатомией и props","\u002Fcases\u002Fbookberry-booking\u002Fds-button.png",1500,873,[139,234,236],{"count":235},"3",[20,237,238,243,248],{},[90,239],{"alt":240,"src":241,"bg":154,"span":53,"width":231,"height":242},"Doc kit: шаблон страницы библиотеки, статусы draft, ready, deprecated и формат паспорта компонента","\u002Fcases\u002Fbookberry-booking\u002Fds-dockit.png",991,[90,244],{"alt":245,"src":246,"bg":154,"span":53,"width":231,"height":247},"TextField: состояния default, focus, filled, error, disabled и булевы props showLabel, showHelper, required","\u002Fcases\u002Fbookberry-booking\u002Fds-textfield.png",1542,[90,249],{"alt":250,"src":251,"bg":154,"span":53,"width":231,"height":252},"PriceSummary: строки цены, налоги и итог в вариантах card и plain на 2 и 3 строки","\u002Fcases\u002Fbookberry-booking\u002Fds-price.png",1083,[10,254,257,261,264],{"id":255,"label":256},"metrics","Результат",[15,258,260],{"id":259},"как-измеряем","Как измеряем",[56,262,263],{},"Цифры пилота не публикую. Решение проверяем по четырём метрикам:",[255,265],{":items":266},"[{\"metric\":\"Конверсия в бронь\",\"why\":\"Доля сессий от выбора дат до подтверждения — главный сигнал, что флоу работает\",\"expect\":\"↑ растёт\"},{\"metric\":\"Доля прямых бронирований\",\"why\":\"Сколько броней отель получает без OTA и комиссии\",\"expect\":\"↑ растёт\"},{\"metric\":\"Время до брони\",\"why\":\"От выбора дат до оплаты: показывает, нет ли лишних шагов\",\"expect\":\"↓ снижается\"},{\"metric\":\"Восстановление после ошибки\",\"why\":\"Доля гостей, которые после сбоя оплаты всё-таки завершили бронь\",\"expect\":\"↑ растёт\"}]",{"title":268,"searchDepth":269,"depth":269,"links":270},"",2,[271,272,273,274],{"id":17,"depth":269,"text":18},{"id":74,"depth":269,"text":75},{"id":206,"depth":269,"text":207},{"id":259,"depth":269,"text":260},"BookBerry × Outglow",{"src":277,"alt":278,"bg":279},"\u002Fcases\u002Fbookberry-booking\u002Fcover.png","Логотип Bookberry AI на светло-кремовом фоне","#FFFEED","Реальный проект BookBerry AI (бывший BnBerry) и Outglow: движок прямого бронирования отеля для мобильного и десктопа и дизайн-система, готовая к переносу в код.",false,"md",{"src":284,"alt":285},"\u002Fcases\u002Fbookberry-booking\u002Fhero.png","Десктопный экран номера: галерея фото, описание, удобства и правая колонка с ценой за 4 ночи, условиями отмены и допуслугами",{},true,"\u002Fog\u002Fbookberry-booking.png",1,"\u002Fcases\u002Fbookberry-booking","2026","Мобильный веб + десктоп","Прямая бронь отеля: цена и условия видны до оплаты","DBS app — движок прямого бронирования для гостей отеля (B2C)",null,"Продуктовый дизайнер",{"title":5,"description":280},"real","cases\u002Fbookberry-booking","BookBerry AI + агентство Outglow","#ECE4D9",{"problem":303,"solution":304,"role":305,"effect":306},"Отель платит OTA комиссию с каждой брони, а на сайте отеля гостю не хватает причины бронировать напрямую","Движок прямого бронирования для мобильного и десктопа: цена «включая все сборы» и условия видны на каждом шаге, а дизайн-система готова к переносу в код.","Продуктовый дизайн флоу, экранов и дизайн-системы — вместе с агентством Outglow","Пилот с отелем-партнёром. Цифры не публикую — измеряем конверсию в бронь и долю прямых бронирований",[308],"Figma (variables, компоненты)","Мобильный веб + десктоп · флоу, UI, дизайн-система",2026,"WycMKY-9r4YEU0ARU18A7dSpMl6OoKNSdvM9JzHB-ok",[313,316,329,344,358,372],{"path":290,"company":275,"status":298,"problemLine":293,"workType":309,"cover":314,"hero":315,"order":289,"draft":281,"title":5},{"src":277,"alt":278,"bg":279},{"src":284,"alt":285},{"path":317,"company":318,"status":298,"problemLine":319,"workType":320,"cover":321,"hero":325,"order":269,"draft":281,"title":328},"\u002Fcases\u002Fbnberry-emails","BnBerry","Хост за минуту видит выручку, работу AI и что исправить","Email · продуктовый дизайн, 3 итерации",{"src":322,"alt":323,"bg":324},"\u002Fcases\u002Fbnberry-emails\u002Fcover.png","Логотип BnBerry на фиолетовом фоне","#6366F1",{"src":326,"alt":327},"\u002Fcases\u002Fbnberry-emails\u002Fhero.png","Три версии письма рядом: Voice of Guest с чипами, минималистичная с AI insight и утверждённая Monthly Performance Recap","BnBerry: ежемесячное письмо хосту — от дайджеста отзывов к выручке и действиям",{"path":330,"company":331,"status":332,"problemLine":333,"workType":334,"cover":335,"hero":339,"order":342,"draft":281,"title":343},"\u002Fcases\u002Fpinterest-ai-control","Pinterest","concept","Настройка «меньше AI» есть, но AI в ленте всё равно видно","iOS \u002F Android · исследование, UX\u002FUI, прототип",{"src":336,"alt":337,"bg":338},"\u002Fcases\u002Fpinterest-ai-control\u002Fcover.png","Логотип Pinterest на бледно-розовом фоне","#FFEDED",{"src":340,"alt":341},"\u002Fcases\u002Fpinterest-ai-control\u002Fhero.png","Три экрана концепта: лента с чипом «AI: All», шит выбора режима AI-контента и лента с включённым «AI: Hidden» и кнопкой Undo",3,"Pinterest: контроль AI-контента в два тапа прямо из ленты",{"path":345,"company":346,"status":332,"problemLine":347,"workType":348,"cover":349,"hero":353,"order":356,"draft":281,"title":357},"\u002Fcases\u002F2gis-ads","2ГИС","Купить рекламу сам нельзя — только через звонок менеджера","Веб + мобильный · исследование, UX\u002FUI, прототип",{"src":350,"alt":351,"bg":352},"\u002Fcases\u002F2gis-ads\u002Fcover.png","Логотип 2GIS на голубом фоне","#D5EDFF",{"src":354,"alt":355},"\u002Fcases\u002F2gis-ads\u002Fhero.png","Шаг 2 из 5 «Пакет»: три пакета с фиксированной ценой и прогнозом звонков, справа сводка выбора и кнопка «Далее»",4,"2ГИС: покупка рекламы в кабинете без звонка менеджеру",{"path":359,"company":360,"status":332,"problemLine":361,"workType":362,"cover":363,"hero":367,"order":370,"draft":281,"title":371},"\u002Fcases\u002Fazbuka-order","Азбука вкуса","После «Оформить» заказ не поправить, а жалоба идёт в чат","iOS \u002F Android · гипотезы, UX\u002FUI, прототип",{"src":364,"alt":365,"bg":366},"\u002Fcases\u002Fazbuka-order\u002Fcover.png","Логотип «Азбука вкуса» на тёмно-зелёном фоне","#004018",{"src":368,"alt":369},"\u002Fcases\u002Fazbuka-order\u002Fhero.png","Три экрана: заказ оформлен с таймером «Можно изменить до 14:20», доставленный заказ с «Есть проблема» и выбор решения с возвратом денег на карту",5,"Азбука вкуса: вернуть клиенту контроль над заказом после «Оформить»",{"path":373,"company":374,"status":332,"problemLine":375,"workType":376,"cover":377,"hero":381,"order":384,"draft":281,"title":385},"\u002Fcases\u002Furalsib-login","Уралсиб","На новом телефоне не войти и не вернуть доступ без звонка","Android + веб · сценарии, UX\u002FUI, прототип",{"src":378,"alt":379,"bg":380},"\u002Fcases\u002Furalsib-login\u002Fcover.png","Логотип банка «Уралсиб» на светло-сером фоне","#EBEBEB",{"src":382,"alt":383},"\u002Fcases\u002Furalsib-login\u002Fhero.png","Три экрана: быстрый вход по отпечатку, выбор «паспорт или карта» для подтверждения личности и главный экран с плашкой о лимите для нового телефона",6,"Уралсиб Онлайн: вход одним жестом и восстановление доступа без звонка",1794339600046]