웹사이트 예시, 재밋 공모전 수상작으로 본 업종별 홈페이지

안녕하세요, 재밋 마케팅팀 제이입니다.

지난 8월부터 9월까지 재밋에서 MCP 웹사이트 공모전을 열었었죠? 해당 공모전은 사용하던 AI에 MCP를 연결해 재밋으로 사이트를 만드는 것이었어요.

먼저, 공모전에 많은 관심을 갖고 참여해주신 모든 분들께 진심으로 감사드립니다.

이번 글에서는 총 10개의 수상작을 소개합니다. 여러 업종에서 다양한 기능을 담은 웹사이트를 보내주셨습니다. 웹사이트 예시로 참고하기 좋은 작품들이니 같이 한 번 확인해보시죠!

대상: 구황이네 식물도감

대상을 받은 구황이네 식물도감은 식물을 키우는 것이 익숙하지 않은 사람을 위한 가드닝 플랫폼입니다. 식물도감과 해충도감에서 햇빛, 물주기, 난이도 같은 재배 정보를 찾고, 회원은 텃밭 일지에 파종부터 첫 수확까지 기록을 남깁니다.

사이트 하나에 탑재된 기능이 많습니다. 공간에 맞게 식물 배치를 시뮬레이션하는 텃밭 계획, 질문 게시판과 자유 게시판이 있는 커뮤니티, 재배 키트를 파는 쇼핑까지 붙어 있어요. 한국어, 영어, 일본어, 중국어 4개 언어를 지원하고, 도감 메인에서는 책 표지를 넘겨 펼쳐 보는 화면도 만들었습니다.

정보를 찾으러 온 사람이 기록을 남기고, 질문하고, 필요한 물건을 사는 데까지 한 사이트에서 이어집니다. 커뮤니티형 홈페이지를 만들고자 하는 분께 가장 먼저 보여 드리고 싶은 예시예요.

최우수상: STILLHEAT

최우수상을 받은 STILLHEAT는 1인 프라이빗 사우나 브랜드입니다. STILL 90과 STILL 120 두 가지 방을 비교해서 보여줘요. '상품 - 날짜 - 시간 - 정보'를 순서대로 입력하면 예약이 확정되고, 이용 3시간 전까지는 손님이 예약을 변경하거나 취소할 수 있어요.

화면 움직임에 공을 많이 들인 사이트예요. 스크롤을 내리면 국자에서 물이 떨어지는 첫 장면이 자연스럽게 변하며 방에 대한 설명이 연출돼요. 화면 오른쪽 끝의 온도계 눈금도 스크롤을 따라 내려갑니다. 또한, 커서를 움직이면 지나간 자리에 수증기가 피어오르고, 공간, 이용 안내, 예약 같은 상세페이지에서도 원형 포인터가 커서를 따라다닙니다.

예약 기능을 구현하거나 자연스러운 화면 움직임을 고려하는 분께 보여드리고 싶은 웹사이트예요.

우수상 수상작

HARU JEJU

제주 원료로 만든 즙과 환을 파는 웰니스 브랜드 쇼핑몰입니다. 고깔양배추즙, 수제 쌍화차처럼 상품 4개를 메인 화면에 노출하고 아침, 오후, 저녁 상황별로 루틴을 제안하는 섹션을 따로 만들었어요.

로그인, 장바구니, 주문조회와 공지, 배송, 교환, 반품 메뉴가 있는 고객센터까지 쇼핑몰에 필요한 기능을 갖췄어요. 저널 메뉴도 있어서 상품 소개와 브랜드 이야기를 등록하고 볼 수 있어요.

할일 쪼개기

큰 할 일을 입력하면 AI가 15~60분 안에 끝낼 수 있는 작은 일 5~8개로 나눠 주는 투두 웹앱입니다. 하루 20번까지 무료로 쓰고, 체크한 항목은 업무일지로 모아 날짜가 붙은 .md 파일로 내려받습니다.

작은 일을 모두 체크하면 원래 할 일도 자동으로 완료되고, "30분 뒤", "내일 9시" 같은 버튼으로 알림도 맞출 수 있습니다. 사이트 안에서 바로 사용할 수 있는 웹앱을 만들고 싶은 분께 좋은 예시입니다.

오늘 뭐 입냥?

회색 줄무늬 고양이에게 옷을 입히는 드레스업 게임입니다. 상의, 하의, 신발, 머리 탭에서 파자마, 스트릿, 오피스 스타일 아이템을 골라 고양이에게 끌어다 놓으면 돼요.

"부위를 골라 옷을 입혀보라냥" 같은 안내 문구까지 콘셉트에 맞췄습니다. 재밋으로 게임도 만들 수 있다는 걸 보여 주는 작품이에요.

장려상 수상작

Easy Open Source

영어로 된 오픈소스 프로그램을 쉬운 한국어로 소개하고, 내 컴퓨터에 설치하는 순서까지 알려 주는 가이드 사이트입니다. 프로젝트 92개를 생산성, 개발 도구, 콘텐츠·미디어 같은 8개 카테고리로 나누고, 카드마다 비용과 라이선스, 설치 난이도를 정리했어요.

상세 페이지에서는 Windows와 macOS별 설치 순서를 따라가면 돼요. 매일 자동으로 모은 데이터로 트렌딩 TOP 5를 보여 주고, 매주 목요일 오전 8시에는 새 도구 3개를 소개하는 뉴스레터도 보내요. 흩어진 정보를 모아 찾기 쉽게 정리하는 큐레이션 사이트를 만들려는 분께 참고가 될 구성이에요.

DEARLY

모바일 청첩장을 직접 만드는 사이트입니다. 사진형 43개, 오리지널 3개, 타이포형 4개까지 디자인 50개 중 하나를 고르고 이름과 예식 일시, 장소, 초대의 글 입력하면 휴대폰 화면 미리보기에 바로 반영돼요.

완성한 청첩장에는 달력에 일정 담기, 오시는 길, 계좌번호, 참석 여부 전달 등 하객을 위한 기능이 들어갑니다. 사진은 크기와 위치를 조절할 수 있으며 작성 중인 내용은 브라우저에 자동으로 저장됩니다. 완성본은 카카오톡이나 링크로 보낼 수 있어요. 방문자가 사이트에서 결과물을 직접 만들어 가져가는 서비스를 구상 중이라면 좋은 예시예요.

어울림 홈페이지

1986년에 시작한 연세대학교 문과대학 밴드동아리 어울림의 홈페이지입니다. 첫 화면에 40기 지원 버튼을 두고, 3월 신입생 OT부터 2월 겨울 정기 공연까지 1년 일정을 월별로 정리했어요.

응원가 공연 영상과 동아리방 위치와 이메일과 SNS 정보를 사이트 하단에 등록했어요. 동아리 모집, 또는 단체 모임을 위한 홈페이지 예시로 보기 좋습니다.

재밋 특별상 수상작

NEXis

제조업체에 AI를 붙여 주는 NEXis의 기업 홈페이지입니다. 센서와 카메라로 설비 상태를 살피는 NEXis Operations, 형상과 치수를 말로 설명하면 3D CAD 모델을 만들어 주는 NEXis Design까지 제품 2개를 한 사이트에서 소개해요.

제품을 사용하는 방법을 4가지로 설명합니다. 재밋 기본 주소 대신 회사 도메인(nexisai.co.kr)을 연결한 점을 눈여겨볼 만해요. B2B 회사 홈페이지를 만들려는 분께 참고가 될 구성입니다.

부스벨

대학 축제 부스의 주문을 받고 처리하는 서비스 부스벨의 사이트입니다. 랜딩 페이지에 손님 주문, 주문 처리, 조리, 호출, 마감까지 실제 운영 화면 5개를 예시로 넣었어요. 1일권 9,900원부터 시작하는 이용권 요금표와 가입 없이 주문부터 번호 호출까지 눌러 보는 30초 체험도 있습니다. 서비스를 바로 사용해 볼 수 있는 사이트 예시예요.

정리하며

수상작 일부를 같이 둘러보았습니다. 웹사이트 제작할 때 참고하기 좋은 사례로 구성했습니다. 결국, 방문자를 고려하여 화면 구성 방식과 사이트 목적 설정이 중요한 것을 알 수 있었습니다.

나머지 수상작은 수상작 갤러리에서 모두 보실 수 있습니다.

수상작 보러가기

직접 만들어 보고 싶으신 분들은 재밋에서 계정을 만들고 쓰던 AI에 MCP를 연결하면 바로 시작할 수 있어요!

FAQ

업종별 웹사이트 예시는 어디서 볼 수 있나요?

재밋 공모전 수상작 갤러리에서 모두 볼 수 있습니다. 대상, 최우수상, 우수상, 장려상, 재밋특별상으로 나눠 볼 수 있고, 작품마다 사이트로 바로 들어가는 버튼이 있어요.

수상작은 모두 재밋으로 만들었나요?

네, 모두 재밋으로 만들었습니다. 공모전 참가 조건이 접수 기간 안에 재밋으로 사이트를 만들고 MCP로 AI와 한 번 이상 연결하는 것이었고, 1차 심사에서 MCP 연결 기록과 사이트 생성일을 확인했어요.