웹 디자이너가 레스토랑을 디지털 경험으로 전환하는 데 도움이 되는 방법

게시 됨: 2022-03-10
요약 요약 ↬ 외식 산업은 대대적인 디지털 변혁을 겪기 시작했습니다. 생존을 원하는 사람들은 새로운 운영 방식을 처리할 수 있는 웹사이트가 필요합니다. 즉, 몇 년 전에 스스로 구축한 값싼 웹사이트를 더 이상 유지할 여유가 없습니다. 그리고 이것은 공간에서 작업하는 데 관심이 있는 웹 디자이너에게 큰 기회를 제공합니다.

외식을 하고 테이크아웃을 하는 경험을 늘 좋아하는 만큼 식당 웹사이트를 방문하는 것을 즐기는 경우는 매우 드뭅니다. 하지만 알겠어. 외식 산업은 매우 적은 이윤으로 운영되는 경향이 있으므로 전문적으로 설계된 웹사이트에서 운영 시간과 메뉴를 나열하는 것 외에는 비용을 지출하는 것을 정당화하기 어렵습니다.

그러나 2020년(및 그 이후)에는 레스토랑이 생존을 위해 디지털로 확장해야 하므로 모든 변화가 예상됩니다. 초보자가 값싼 사이트 빌더와 함께 해킹할 수 있는 웹사이트와 달리 경쟁력 있는 디지털 입지를 구축하는 것은 혼자서 할 수 있는 일이 아닙니다.

이것이 웹 디자이너가 이 틈새 시장으로 확장하는 것에 대해 진지하게 생각해야 하는 이유입니다.

웹 디자이너가 레스토랑의 디지털 전환을 돕는 방법

일반적으로 심각한 일이 외식 산업을 뒤흔들 때 생존을 원하는 사람들은 적응하기 위해 더 새롭고 더 나은 기술을 채택할 것입니다. 따라서 레스토랑이 디지털 혁신에 익숙하지 않은 것은 아닙니다. 그러나 지금까지는 주로 사내 작업 방식을 개선하는 기술에 대한 투자에 중점을 두었습니다.

그러나 2020년에 일어난 모든 일과 함께 레스토랑은 점점 디지털화되는 세상에서 생존을 보장하는 세 가지 일을 하는 데 웹 디자이너의 도움이 필요합니다.

점프 후 더! 아래에서 계속 읽기 ↓

1. 레스토랑 웹사이트 현대화

이 게시물 중 하나를 작성할 때마다 나는 수십 개의 웹 사이트를 검토하여 내 요점을 설명할 최고의 예를 찾는 데 시간을 보냅니다. 나는 거짓말을 하지 않을 것이다, 이것은 힘들었다. 현대적인 웹사이트를 찾기 위해 전국 체인 레스토랑을 찾을 수 있다는 것을 알고 있었지만 다른 사람들과 함께 하는 것은 정말 어려웠습니다.

2020년에 멋진 웹사이트를 보유한 독립 레스토랑 운영자나 지역 체인점을 찾는 것이 불가능한 것은 아니지만, 웹사이트가 있기만 해도 그 중 적어도 절반은 시대에 뒤떨어져 있다고 말하고 싶습니다.

웹 사이트가 이렇게 설계되었을 때를 기억하십니까?

독립 레스토랑이 여전히 응답하지 않는 디자인을 가지고 있음을 보여주는 흐릿한 웹사이트
2020년의 구식 레스토랑 웹사이트, 신원 보호를 위해 흐리게 처리됨. (출처: 익명) (큰 미리보기)

나는 식당의 이름과 정체성을 보호하기 위해 세부 사항을 흐리게 처리했지만 이 디자인이 2020년에 얼마나 나쁜지 짐작할 수 있습니다.

레스토랑 웹사이트는 더 이상 형편없고 반응이 없는 자리 표시자를 사용할 수 없습니다. 그들은 고객이 식당과 식당과 상호 작용할 때 경험하게 될 무대를 설정하는 인상적인 디지털 존재가 되어야 합니다.

In-N-Out Burger가 어떻게 현대적인 웹 디자인을 완성했는지 살펴보겠습니다. 가장 먼저 눈에 띄는 것은 반응형 디자인 이라는 것입니다. 데스크탑에서 웹 사이트는 화면의 전체 너비에 맞으므로 테두리 주위에 낭비되는 공간이 없습니다. 모바일 기기에서도 잘 보입니다.

모바일에서 인앤아웃 버거 웹사이트
In-N-Out Burger 모바일 웹사이트는 반응형이며 읽기 쉽습니다. (출처: 인앤아웃 버거) (큰 미리보기)

또한 이미지 에 주의하십시오. 이것은 버거 전문점이므로 웹 사이트에 버거 사진이 가득할 것으로 예상해야 합니다. 그러나 사이트에서 찾을 수 있는 햄버거에 대해 주목할 만한 것이 있습니다.

In-N-Out Burger 웹사이트 사진 및 전환
In-N-Out Burger 웹사이트는 완벽하게 프레임된 이미지와 잘 선택된 전환을 사용합니다. (출처: 인앤아웃 버거) (큰 미리보기)

햄버거 사진이 있는 페이지에 누군가가 들어가면 음식은 마치 레스토랑의 손님에게 음식을 밀어주는 것처럼 프레임 안으로 들어갑니다. 그것은 깔끔한 작은 전환이며 사이트의 많은 방문자는 무슨 일이 일어나고 있는지조차 깨닫지 못할 수도 있지만 경험을 더 생생하고 상호 작용하게 만듭니다.

전환은 이러한 종류의 경험을 만들기 위해 할 수 있는 유일한 일이 아닙니다. 시설 내에서 촬영한 배경 비디오는 사진의 일부만 그리는 정적인 이미지에 의존하는 대신 고객이 시설을 둘러볼 수 있는 기회를 제공할 뿐만 아니라 작업을 수행합니다.

레스토랑 웹사이트가 개선해야 할 또 다른 사항은 웹사이트가 구성 되는 방식입니다.

사람들이 외식을 하거나 식사를 하러 나갈 준비가 되었을 때 레스토랑의 역사를 목에 걸고 시간을 낭비하지 마세요(이들 중 많은 곳이 놀랍게도 그렇습니다). 탐색 및 CTA가 홈 페이지에 표시되는 순서는 고객이 취하려는 조치를 반영해야 합니다.

사고 과정은 다음과 같습니다.

  1. “무엇을 주문해야 할지 잘 모르겠습니다. 메뉴가 어디 있어요?” (메뉴)
  2. “예약을 해야 하나요, 아니면 그냥 아무 때나 가도 될까요?” (전세)
  3. “여기가 또 어디야?” (위치 또는 연락처)

또는 요즘에는 #2가 다음과 같이 보입니다.

  • “테이크아웃 하시나요? 배달이 되는지 궁금합니다.” (온라인 주문)

고객이 웹사이트에서 하고 싶어하는 다른 작업이 있습니다. 상품권이나 상품을 구매하는 것과 같이 보상을 신청하거나 구직에 지원하십시오.

따라서 위의 작업은 방문자가 가장 먼저 보는 항목의 우선 순위여야 하지만 사이트의 데이터를 확인하여 방문자가 관심 있는 다른 작업을 확인하십시오. 그런 다음 이러한 인기 있는 작업이 탐색 및 사이트 디자인의 중심 무대가 되도록 합니다.

2. 소득을 다양화할 수 있는 권한 부여

정상적인 상황에서 수익성은 많은 레스토랑의 문제입니다. 믹스에 위기를 추가하면 수익을 창출하는 것이 완전히 불가능해질 것입니다. 즉, 식당 비즈니스에만 의존하는 경우입니다.

COVID-19 훨씬 이전에 소비자들은 이미 디지털 다이닝 솔루션에 대한 선호도를 높이고 있었습니다.

Peapod에 따르면 미국 소비자의 77%가 외출보다 집에서 식사를 하는 것을 선호한다고 말했습니다. 그러나 그것이 반드시 레스토랑에서 주문하는 것으로 해석되는 것은 아닙니다.

  • 27%는 식료품을 온라인으로 주문하고 매장에서 픽업하는 것을 선호했습니다.
  • 26%는 식료품 배달을 사용할 계획입니다.
  • 20%는 밀키트에 관심이 있었습니다.

그런 다음 Technomic 및 National Restaurant Association의 정보를 통해 미국의 모든 레스토랑 매출의 약 60%가 외부 식당에서 발생한다는 사실을 알게 되었습니다.

아직 디지털 다이닝 옵션으로 도약하지 않은 레스토랑의 경우 최대한 빨리 도입해야 합니다. 이것도 일시적인 현상이 아닙니다.

앞으로 디지털화하지 못하는 식당은 살아남지 못할 것입니다.

"

따라서 웹 디자이너는 다음을 구축하는 데 도움이 필요합니다.

  • 웹사이트에 대한 온라인 주문 시스템 또는 외부 서비스에 대한 링크,
  • 예약 시스템(내부 식사가 가능한 경우).

그것은 단지 최소한의 것입니다. 예를 들어 Snooze Eatery가 한 일은 다음과 같습니다.

Snooze Eatery 온라인 배달 또는 픽업
Snooze Eatery는 웹사이트에서 배달 또는 픽업을 광고합니다. (출처: Snooze Eatery) (큰 미리보기)

방문자가 웹 사이트에서 가장 먼저 보는 것은 온라인 주문 옵션입니다. "주문하기"를 클릭하면 레스토랑의 독점 주문 포털로 이동합니다.

Snooze Eatery 온라인 주문 포털
Snooze Eatery의 온라인 주문 포털. (출처: Snooze Eatery) (큰 미리보기)

이것은 그 자체로 레스토랑이 주문 프로세스를 제어하고 더 많은 이익을 얻을 수 있도록 하기 때문에 웹사이트를 통해 사용할 수 있는 훌륭한 솔루션입니다(물론 이는 고객이 결정해야 함). 즉, 많은 레스토랑이 창의적이고 전통적인 온라인 주문 옵션을 뛰어 넘고 있습니다.

Snooze Eatery 사이트의 접힌 부분 아래에서 방문자는 다음 배너를 찾을 수 있습니다.

Snooze Eatery 이웃 제공: 가족 스타일의 식사 키트 및 필수 식품
Snooze Eatery는 이제 이웃 공급을 제공합니다. (출처: Snooze Eatery) (큰 미리보기)

앞서 언급했듯이 온라인으로 음식을 주문하고 집에서 직접 음식을 준비하고 싶어하는 사람들이 많이 있습니다. 이전에는 레스토랑이 건조하고 건조하게 느껴졌지만 많은 레스토랑이 가족 스타일의 식사 키트와 Snooze와 같은 식료품을 포함하도록 제공 범위를 확장하고 있기 때문에 더 이상 그렇지 않습니다.

이것만으로도 웹 디자이너는 레스토랑에서 점점 더 중요해질 것입니다. 그리고 작업이 거기서 끝날 것이라고 기대하지 마십시오. 레스토랑은 또한 웹사이트에 다른 수익 창출 제품을 구축하는 데 도움이 필요합니다. 예를 들어:

  • 기프트 카드;
  • 상품;
  • 식사 키트, 주류 배달 등을 위한 구독 서비스
  • 요리 교실, 프리미엄 레시피 등을 위한 온라인 멤버십

아직 계정이 없다면 보상 및 계정 관리 시스템을 만드는 데도 도움이 필요할 것입니다.

3. 타사 사이트에서 브랜드 이미지 수정

웹 사이트는 온라인 비즈니스의 모든 것을 구동하는 엔진이어야 하지만 레스토랑은 가시성을 제공하는 다른 사이트도 필요합니다. 예를 들어:

  • 사진 공유, 위치 정보 광고 및 고객 리뷰 수집을 위한 Facebook
  • Instagram 은 사진, 레스토랑 업데이트 및 고객 제작 콘텐츠를 공유합니다.
  • 고객 리뷰 및 피드백을 수집하기 위한 YelpTripAdvisor
  • Google 검색 및 지도에서 지역 인지도를 구축하고 리뷰를 수집하기 위한 Google 마이 비즈니스
  • 배달을 아웃소싱하는 DoorDash 와 같은 배달 서비스;
  • OpenTable 과 같은 예약 사이트는 예약 예약을 아웃소싱합니다.

고객이 온라인에서 레스토랑을 찾고 있다면 고객을 웹사이트로 데려오기 전에 고객이 있는 곳에서 기꺼이 만날 수 있어야 합니다.

이러한 페이지를 만드는 것은 궁극적으로 레스토랑의 책임이지만 시각적 브랜딩 부분과 관련하여 도움을 제공해야 합니다. 우선 모든 플랫폼 간에 일관성이 있는지 확인합니다. 또한 식당 주인이 생각하지 못하는 부족한 부분을 채울 수 있습니다.

로드 아일랜드의 필수품인 IGGY'S를 살펴보겠습니다.

조개 케이크 사진과 3가지 온라인 주문 옵션이 있는 IGGY 웹사이트
IGGY의 웹사이트 방문자는 상징적인 조개 케이크의 이미지와 함께 레스토랑을 소개합니다. (출처: IGGY'S) (큰 미리보기)

해안가 식당은 즉시 영업을 시작하고 방문자에게 온라인 주문을 위한 3가지 옵션(가고 싶은 위치에 따라)을 제공합니다.

온라인 주문 포털은 다음과 같습니다.

IGGY의 온라인 주문 포털
IGGY's 레스토랑의 온라인 주문 포털입니다. (출처: IGGY'S) (큰 미리보기)

이것이 얼마나 좋아 보이는지 주목하십시오. 텍스트 전용 메뉴가 아니었으면 훨씬 더 매력적이고 틀림없이 매출 증대에 더 효과적인 메뉴로 바뀌었을 것입니다.

이제 DoorDash를 통한 IGGY의 온라인 주문과 대조:

IGGY를 위한 DoorDash 온라인 주문
DoorDash 고객은 IGGY의 레스토랑에서 온라인으로 주문할 수 있습니다. (출처: DoorDash) (큰 미리보기)

이 페이지의 항목에는 설명이나 이미지가 거의 없습니다.

이제 IGGY'S는 로드 아일랜드 주변에 있는 유명한 레스토랑이므로 온라인 고객에게는 별 문제가 아닐 수 있습니다. 그러나 신규 고객은 IGGY'S 웹사이트를 통해 제공되는 메뉴보다 세부 정보가 없기 때문에 더 떨리는 메뉴로 접근할 수 있습니다.

이것이 시각적 중심 접근 방식이 유용한 곳입니다. 각 품목에 군침이 도는 고해상도 사진(사이트에서 사용된 것과 동일)이 포함되어 있는지 확인하여 이러한 판매 기회를 최적화할 수 있습니다.

브랜드 요소가 일관되게 표시되도록 하는 것도 중요합니다. 그렇게 하면 기존 고객이 DoorDash에서 자신이 가장 좋아하는 레스토랑을 발견할 경우 자신이 가장 좋아하는 레스토랑임을 즉시 알 수 있기 때문에 주저하지 않고 주문할 수 있습니다.

예를 들어 DoorDash의 로고는 품질이나 모양 면에서 웹사이트의 로고와 전혀 다릅니다.

IGGY'S RI의 DoorDash 로고 및 위치 정보
IGGY'S의 DoorDash 로고는 웹사이트의 로고와 일치하지 않습니다. (출처: DoorDash) (큰 미리보기)

로고나 다른 브랜드 요소가 1) 웹사이트와 일치하고 2) 보기 좋은지 확인해야 합니다. 이것은 내가 앞에서 언급한 다른 모든 사이트뿐만 아니라 DoorDash와 같은 온라인 주문 사이트에도 적용됩니다.

마무리

우리는 이제 레스토랑이 더 이상 디지털 존재감을 개선하는 데 주저하거나 인색할 수 없는 시점에 와 있습니다. 그리고 웹 디자이너로서 이것은 당신을 흥분시킬 것입니다.

기본적인 웹사이트를 디자인하는 것 외에도 이 분야에서 기업을 돕기 위해 할 수 있는 일이 많이 있습니다. 디지털 혁신의 상당 부분이 온라인 판매를 포함하기 때문에 직관적이고 현대적이며 군침이 도는 경험을 디자인하는 동시에 새로운 수익 창출 경로를 만들 수 있습니다.