LA 코리아타운 한식당 웹사이트 제작 | Nandarang

1988년부터 LA 코리아타운을 지켜온 한식당·바 Nandarang의 웹사이트를 디자인하고 개발했습니다. 메뉴, 해피아워, 온라인 주문, 영업시간과 길찾기를 모바일에서 빠르게 확인할 수 있습니다.

과제

오랜 역사를 가진 식당의 친근한 정체성을 유지하면서 처음 방문하는 고객에게 메뉴와 이용 정보를 현대적이고 명확하게 전달해야 했습니다. 늦은 시간 식당을 찾는 모바일 고객이 영업시간, 위치와 주문 방법을 즉시 확인하는 것도 중요했습니다.

해결 전략

늦은 저녁 LA 코리아타운에서 식당을 찾는 손님에게는 짧은 시간이 중요합니다. 아직 영업 중인지, 어떤 메뉴가 있는지, 주문은 어디서 하는지 먼저 알고 싶습니다. 1988년부터 코리아타운을 지켜온 Nandarang의 웹사이트는 식당의 오래된 이야기를 담으면서도 지금 방문하려는 고객에게 필요한 안내를 앞세웠습니다.

프로젝트에서 풀어야 했던 과제

브랜드 역사와 대표 메뉴를 중심으로 화면을 설계하고 메뉴 PDF, 온라인 주문, 전화와 지도 경로를 간단하게 연결했습니다. LA 코리아타운 한식당 검색을 고려한 지역 콘텐츠, Restaurant·FAQ 구조화 데이터와 검색엔진이 이해하기 쉬운 페이지 구조를 적용했습니다.

오래된 식당의 이야기를 오늘의 화면으로

오랫동안 운영된 식당은 단골에게 익숙하지만 처음 방문하는 사람에게는 새롭게 소개해야 합니다. Nandarang은 친근한 한식당이자 바의 정체성을 유지하면서 대표 메뉴와 브랜드 역사를 함께 보여주었습니다. 과거의 이야기만 길게 늘어놓기보다 실제로 먹고 즐길 수 있는 메뉴와 연결했습니다.

이런 구성에서는 역사와 실용적인 정보가 경쟁할 필요가 없습니다. 첫 방문자는 음식과 이용 정보를 보고, 식당이 궁금한 사람은 브랜드 이야기를 더 읽으면 됩니다. 한 페이지 안에서도 관심의 깊이에 따라 살펴볼 수 있는 흐름을 만드는 것이 중요했습니다.

메뉴와 주문을 찾는 손길이 멈추지 않도록

음식점 홈페이지에서 메뉴는 가장 직접적인 정보입니다. Nandarang 사이트는 메뉴 PDF와 온라인 주문 경로를 연결하고 전화와 지도 안내도 함께 배치했습니다. 해피아워와 영업시간을 확인한 뒤 주문하거나 방문을 준비할 수 있는 구성입니다.

모바일에서는 화면이 좁기 때문에 연락처나 주문 링크가 눈에 들어오는지가 더 중요해집니다. 이 프로젝트는 메뉴를 읽는 행동과 주문·방문 행동을 이어주는 데 초점을 맞췄습니다. 고객이 필요한 정보를 확인한 뒤 다른 사이트를 다시 검색하지 않아도 다음 경로를 찾도록 했습니다.

지역 식당에 맞는 정보가 검색의 바탕입니다

웹사이트에는 LA Koreatown이라는 지역 맥락과 식당의 메뉴, 이용 정보가 함께 들어갑니다. Next.js와 React 기반으로 제작하고 Restaurant·FAQ 구조화 데이터를 적용한 점도 기존 제작 기록에서 확인됩니다. 식당 정보가 방문자와 검색엔진에게 명확하게 전달되도록 정리한 부분입니다.

난다랑 운영자는 제공한 후기에서 직접 주문이 늘고 외부 주문 플랫폼 수수료 부담을 줄이는 데 도움이 됐다고 설명했습니다. 이는 운영자가 전한 경험입니다. 포트폴리오에서는 그 경험을 과장된 매출 수치로 바꾸기보다 메뉴와 주문 경로를 정리한 실제 작업과 함께 읽을 수 있도록 소개합니다.

Nandarang의 정보를 연결한 Next.js 웹사이트

이 사이트는 Next.js 기반으로 제작되었습니다. 다만 방문자가 홈페이지를 이용할 때 먼저 느끼는 것은 개발 도구의 차이가 아닙니다. 필요한 설명을 찾을 수 있는지, 관심 있는 서비스를 더 살펴볼 수 있는지, 담당자에게 문의하기 쉬운지가 중요합니다. 모바일에서 메뉴와 주문 경로를 찾기 쉬운가도 그런 관점에서 살펴볼 항목입니다.

새로운 기능을 추가할 때도 같은 기준을 적용할 수 있습니다. 고객이 자주 묻는 내용은 서비스 설명에 보완하고, 개별 상황에 따라 달라지는 내용은 상담에서 다루는 식입니다. 모든 질문을 하나의 화면에 채워 넣기보다 홈페이지에서 안내할 내용과 담당자가 확인할 내용을 구분하면 운영하기도 편합니다. 이 사례에서는 해당 업종의 서비스 정보를 정리하고 다음 단계로 이어주는 웹사이트의 역할을 살펴볼 수 있습니다.