Познакомьтесь с Naru 🍜
Вы когда-нибудь слышали о том, чтобы кто-то освоил приготовление рамена через YouTube? Что ж, именно так Каван Куттаппа основал Naru! То, что началось как увлеченный проект и кухня доставки во время локдауна 2020 года, выросло в одно из самых любимых мест рамена в Бангалоре. Теперь это уютный бар на 20 мест, где вы можете наблюдать, как ваша миска рамена оживает прямо перед вами. Представьте себе дымящиеся чаши лапши, дружескую беседу шеф-повара и впечатления, которые заставляют людей возвращаться снова и снова. (Поверьте, получить здесь бронь — все равно что выиграть мини-лотерею! 😄)
Обзор проекта
Я была участницей когорты 10k Designers, где нам дали задание по визуальному дизайну: мы должны были разработать одностраничный сайт из этих 7 категорий: [ Футуристические технологии, SaaS / Корпоративный сектор, Потребительские технологии, Еда и напитки, Недвижимость, Content Creation и агентства ]
Как я выбрала «Naru»
Я впервые обнаружила страницу Naru в Instagram и сразу же была очарована их потрясающей фотографией и атмосферой бренда — эти изображения очень зацепили меня за живое. Глядя же на само задание, две категории откликнулись в моем сердце:
• Content Creation (Я хотела создать что-то действительно полезное)
• Еда и напитки (Честно говоря, я тот еще гурман! 😋)
После изучения различных вариантов, редизайн сайта Naru показался идеальным выбором, объединяющим оба моих интереса. 👀 Это был мой первый опыт дизайна и работы над сайтом.
Лента Instagram vs Оригинальный сайт
После изучения их оригинального сайта и ленты Instagram я заметила несколько ключевых моментов:
• Хотя их перфоменс в Instagram был сильным, их сайту не хватало характера
• Несмотря на то, что сайт выполнял основные функции бронирования , ему не удалось передать японскую культурную сущность , которая так красиво представлена в их ленте Instagram
• Моя цель заключалась в том, чтобы усилить идентичность их бренда на сайте, добавив больше характера и выразительности приведя к улучшенной наративной составляющей
Итак, это довольно проблемный стейтмент, который я определила для себя 💭 Проблема: текущий сайт не отражает яркую личность бренда Naru, несмотря на их сильные позиции в социальных сетях. Как мы можем устранить этот разрыв, чтобы отразить их подлинную японскую сущность и создать такое же впечатление, как в их Instagram.
После определения проблемы начались исследования!
Установление истории бренда и контент-стратегии
В процессе исследования Naru я наткнулась на статьи, объясняющие, как они стали успешным брендом в своей нише, собирая полные залы каждую неделю.
Я собрала некоторые ключевые выводы, которые помогли мне определить структуру сайта:
• Массовая аудитория испытывала FOMO (страх упустить возможность), так как бронирование стола было большим делом
• Их лента Instagram имела удивительную аппетитную привлекательность
• Они оставались аутентичными как в бизнесе, так и в еде, которую подавали
• Знаменитости, которые их посещали, вызывали доверие к бренду, а культура Naru как команды выделялась среди остальных в бизнесе
Основываясь на этих инсайтах, я структурировала контент-нарратив как: 💖 Установление бренда — FOMO — Аппетитная привлекательность — Создание воспоминаний — Footer
Прототипирование
Я начала с мозгового штурма о том, сколько разделов нужно для сайта, и постаралась воплотить их внешний вид и ощущения которые они стараются передать. Я набросала свои идеи в блокноте, исследуя различные варианты. Хотя некоторые разделы были четко определены с самого начала, другие были проработаны в поступательно.
Создание мудборда
Я начала с изучения ключевых элементов японской культуры. Вдохновлялась постами Naru Noodle Bar в Instagram и их уникальной айдентикой бренда. Просмотрела их меню, контент в Instagram и логотип, который был вдохновлен японской ландшафтной архитектурой. Я собрала эти визуальные материалы и начала их разбивать, чтобы определить направление моего дизайна. Я также анализировала и изучала другие сайты, такие как Rhode, Rare и Bungalow, чтобы понять, как эти бренды работают со своими историями и создают более сильную связь со своими пользователями.
Определение визуальной идентичности
Этот шаг включал выбор типографики и цветовой палитры. Я чувствовала, что Naru как бренд имеет сильную визуальную идентичность, и хотела внедрить эти элементы в свой дизайн.
Я создала цветовую палитру, вдохновленную их брендингом, и выбрала шрифт заголовка, похожий на их логотип. Для основного текста я выбрала шрифт, который дополнял заголовок и улучшал общую читаемость.
Посмотрите, как все это сочетается! ✨
Вы можете быстро ознакомиться с видео ниже или перейти к прототипу Figma, чтобы увидеть полный дизайн.
Теперь давайте погрузимся в каждый раздел:
Первый экран
Я называю его «Первый экран», потому что не подошла к нему с типичной концепцией героя. Я хотела, чтобы у пользователя было ровно столько информации, чтобы заинтересоваться и захотеть увидеть, что раскроет сайт. Поток бронирования уже эффективно обрабатывался сторонним порталом, поэтому я сосредоточилась на том, чтобы сделать кнопку бронирования более заметной. Я ввела липкую навигационную панель с подчеркнутой кнопкой бронирования, гарантируя, что пользователи смогут легко получить к ней доступ в любой момент, когда решат забронировать.
Первый экран
Раздел FOMO
Как только пользователи захотят прокрутить вниз, я хотела привлечь их внимание, сделав восхитительную миску рамена центром сайта. Чтобы передать ощущение срочности, я написала фразу «First Come, First Slurp» («Кто первый пришел, тот первый и сербает»), подчеркивая, что они могут упустить возможность, так как это ресторан на 20 мест. Это сообщение не только подчеркивает эксклюзивность ресторана, но и усиливает ожидание, побуждая пользователей к немедленным действиям.
Создание FOMO
Раздел меню
Этот раздел предназначен для того, чтобы дать пользователям представление о том, какой опыт они могут ожидать от посещения. Видная кнопка «Изучить меню» направляет пользователей к полному меню, где они могут просмотреть все доступные варианты и сделать свой выбор.
Раздел "О Naru"
Я разработала этот раздел, чтобы помочь пользователям почувствовать более глубокую связь с историей и истоками бренда. Он дает краткий обзор того, как бренд дебютировал и на чем был основан, дополнительно обогащая повествование и укрепляя связь с аудиторией.
Раздел "Стена памяти"
Он включает бесконечную карусель, с аккуратно подобранной визуализиацией непренужденных моментов и заманчивых клипов с едой, создавая живую и увлекательную витрину. Эта динамичная презентация не только подчеркивает путь ресторана, но и укрепляет ощущение причастности для его посетителей. Я разработала этот раздел, чтобы создать эмоциональную связь, которая побудит пользователей стать частью этих общих впечатлений.
Размышление о проекте
Этот проект занимает особое место в моем сердце, так как это была моя первая попытка дизайна и глубокого осмысления аспектов, которые я могла упустить раньше ✨ Это был веселый проект для начала моего пути в дизайне, и я благодарна за постоянную поддержку моего наставника, Паритоша Кумры в процессе, а также Абхинава Чхикары и Джайнила Далала за их руководство. Проект также был представлен 10k Designer (вы можете посмотреть пост, нажав на него), что привлекло внимание Naru.
Обратная связь от основателя и шеф-повара ❤️
Вишенкой на торте было то, что Naru отметили пост, прокомментировали его, и у меня была невероятная возможность представить свой сайт основателю и шеф-повару Naru Noodle Bar, Кавану Куттаппе ✨ Я была глубоко благодарна за его отзыв и этот опыт. Он теплый, увлеченный человек, который действительно любит то, что делает. Разговор с ним о дизайне вдохновил меня и заставил меня еще больше ценить этот проект.
Просто небольшой взгляд ✨ Спасибо, мои любимые читатели, что были со мной до конца!
( 👀 Для меня это большое дело, потому что, честно говоря, чтение не моя самая сильная сторона) Не стесняйтесь написать мне в LinkedIn, Instagram или Twitter для воплощения совместных проектов. Давайте создадим что-то прекрасное вместе! ❤️
