이벤트 페이지 만들기 (feat. 자동차 시승 신청 페이지)

나두아이오를 통해 근사한 채용 사이트 만들기를 배워보았는데요. 이번에는 디자인이 좀 들어간 간단한 이벤트 페이지 만드는 법을 배워보겠습니다. 저희 고객 사례인 신차 시승 이벤트를 예로 들어 설명드릴게요.

페이지 꾸미기

채용사이트 만들기 글에서는 노션 페이지를 그대로 가져오는 법을 배웠는데요, 여기서는 간단한 디자인 편집하는 방법을 알려드릴게요.

나두아이오에서 새 인터페이스를 생성하면 간단한 디자인이 있는데 이 디자인을 삭제하셔서 처음부터 레이아웃을 짤 수 있어요. 저희는 이 디자인을 편집할게요. 텍스트를 이벤트에 맞게 변경하고, 이미지를 클릭해 우측 Bind 메뉴에서 이미지를 교체합니다.

컨테이너 배경색 바꾸기

사진을 교체했더니 회색 박스 색이 안 이뻐 보여 흰 색으로 통일할게요. 회색 박스를 클릭하고 우측 Style탭의 Background 색을 화이트로 변경하겠습니다.

신청서 추가하기 (Input Component 추가)

시승 신청자를 받을 수 있는 신청폼을 추가하는데요, 좌측 +버튼을 클릭해 나두아이오에서 제공하는 프리빌트 컴포넌트를 드래그앤드랍하시면 됩니다.

신청받을 데이터를 잘 저장하고 정리될 수 있게 DB 셋업하기

신청폼에서 받을 정보를 테이블로 정리하고 DB에 셋업하는 방법입니다. 쉽게 표현하면 엑셀 테이블을 만들고, 신청서 정보가 엑셀 테이블에 잘 정리되어 입력되게 하는 것이죠.

생성된 폼 색상 바꾸기

생성된 폼의 배경색도 위에 설명드린 대로 변경하고, 생성된 폼에서 불필요하다고 판단된 ID 부분은 delete로 삭제했습니다.

저장하고 발행하기

중앙 화면 상단에 있는 Save와 Publish 아이콘을 클릭해 이벤트 신청페이지를 발행합니다. 발행된 이벤트 페이지에 신청자가 신청을 하면 바로 DB에 정보가 저장됩니다.

페이지 좌측하단에 있는 DB 아이콘을 클릭하여 신청인 정보를 확인할 수 있어요!

많은 기업들이 수일이 걸리는 디자인과 개발 과정을 거쳐 이벤트 페이지를 만들거나 여력이 없는 회사는 디자인이 없는 구글폼을 사용하기도 합니다. 기업 또는 제품 이미지에 맞는 이벤트 페이지를 만들자니 수일이 걸리고, 뚝딱 만들자니 이벤트 페이지 수준이 낮아보이고 😭 앞으로 이 문제를 이제 나두아이오에서 해결하시면 됩니다!

시승 신청 페이지는 하나의 예시일 뿐 마케팅팀, 서비스운영팀, 조사팀, 행사운영팀 등 무수히 많은 팀에서 이벤트를 진행할 때 필수인 웹사이트. 이제 나두아이오에서 만드세요!