제2회 천하제일 블록대회 수상자 발표

여러분, 기다리고 기다리던 제2회 천하제일 블록대회 수상자를 드디어 발표합니다!

이번 대회에서는 단순한 기능 활용을 넘어 자신만의 개성을 담아 블록을 기획하고, 디자인과 콘텐츠를 연결하는 창의적인 시도들이 많았습니다.

그럼, 제2회 천하제일 블록대회에서 수상의 주인공들을 만나보겠습니다.

이번 글에서는
✅ 이번 대회에서 수상한 블록들과 그 특징을 소개해요.
✅ 수상자들이 전하는 블록 활용 팁과 제작 과정을 확인할 수 있어요.
✅ 수상은 못 했지만 주목할 만한 창의적인 블록 사례를 만나볼 수 있어요.

🥇금상: 헤이현(heyhyun)-3D 카드리스 블록

3D 카드를 리스트 형태로 구성한 블록입니다. 입체적인 구성으로 프로젝트를 더욱 생동감 있게 탐색할 수 있고, 시각적 임팩트를 높여 브랜드의 개성을 효과적으로 전달해줘요.

금상을 차지한 3D 카드 블록은 생동감 넘치는 인터랙션으로 시선을 한 눈에 사로잡아요.
대부분의 평면적인 홈페이지의 디자인 달리, 입체감이 돋보여서 홈페이지 방문자의 관심을 끌고 브랜드의 차별화된 이미지를 효과적으로 전달할 수 있어요.

🥈은상: 에이블(A-ble)-상담 폼 블록

단계별로 상담 및 문의 정보를 수집할 수 있는 폼 블록입니다.
사용자가 직접 탭 순서와 항목을 설정해, 1단계부터 최대 5단계까지 구성할 수 있어요.

상담 폼 블록은 단순 문의 수집을 넘어, 단계별로 정보를 구조화해주는 유용한 블록입니다.
1단계에서 기본 정보, 2~3단계에서 상세 요구 사항, 마지막 단계에서 추가 의견까지 자연스럽게 안내할 수 있어, 사용자 부담을 줄이고 응답률을 높이는 데 효과적이에요.

특히 상담형 서비스나 예약·주문 페이지에서 활용하면, 방문자는 편리하게 정보를 입력하고, 브랜드나 기업은 효율적으로 데이터를 정리할 수 있습니다.

🥉동상: 쿼카온-지도형 게시판 블록

지도에서 특정 위치를 확인할 수 있는 지도형 게시판 블록입니다.
지도 기반으로 각 지점을 한눈에 확인할 수 있어 원하는 장소 탐색에 도움을 줘요.

지도형 블록은 단순한 위치 표시를 넘어, 사용자에게 직관적인 탐색 경험을 제공합니다.
한눈에 여러 지점을 비교할 수 있어, 매장 위치, 행사장 안내, 지역 기반 서비스 홈페이지 등에서 활용하면 브랜드 정보 전달과 사용자 편의성을 동시에 강화할 수 있습니다.

🎤수상자 인터뷰

블록 소개에 이어, 이번에는 수상자분들의 이야기도 함께 들어보았어요. 식스샵 프로를 어떻게 활용했고 어떤 과정을 거쳐 작품이 완성되었는지, 제작자 시선에서의 생생한 경험을 전해줍니다.

🗣️헤이현 님 인터뷰

Q. 블록을 제작할 때 가장 중점을 둔 부분은 무엇인가요?
3D 카드리스트 블록은 인테리어 업체나 전시·음악 포트폴리오처럼 작업물을 비주얼 중심으로 효과적으로 보여줄 수 있도록 구성하는 데 가장 신경을 썼어요.

Q. 제작 과정에서 가장 도움이 된 기능은 무엇이었나요?
웹빌더는 보통 정해진 틀 안에서 작업해야 하는 경우가 많은데, 식스샵의 블록 기능은 개발적인 작업까지 가능해서 좋았습니다.

Q. 식스샵 프로를 사용하면서 가장 인상 깊었던 점이 무엇인가요?
다른 웹 빌더의 경우, 코드로 직접 작업하면 이후 유지보수가 매우 어렵습니다. 클라이언트가 수정을 하면 조금만 구조가 틀어져도 스크립스나 기능이 제대로 작동하지 않는 문제가 발생해요. 반면, 식스샵은 블록 단위로 제작할 수 있어, 클라이언트가 직접 유지보수하기에 훨씬 편리합니다.

Q. 헤이현 님에게 식스샵 프로를 한마디로 표현하면 무엇인가요?
저에게 식스샵 프로는 “커스텀 가능한 웹 빌더”입니다.
원하는 구조와 디자인을 제 스타일에 맞게 유연하게 바꿀 수 있다는 점이 가장 큰 매력이라고 생각합니다.

🗣에이블 님 인터뷰

Q. 블록을 제작할 때 가장 중점을 둔 부분은 무엇인가요?
디자인이나 기획 의뢰를 받을 때, 고객분들이 원하는 내용을 충분히 설명하지 못해 어려움을 겪는 경우가 많습니다. 그래서 고객이 보다 편하게, 그리고 구체적으로 요구사항을 전달할 수 있도록 질문 폼을 제작하게 되었습니다.

Q. 제작 과정에서 가장 도움이 된 기능은 무엇이었나요?
AI 기능을 토대로 어려운 코딩 없이 원하는 블록을 만들어 활용할 수 있다는 점이 가장 유용했습니다.

Q. 식스샵 프로를 사용하면서 가장 인상 깊었던 점이 무엇인가요?
다양한 플랫폼을 사용해봤지만, 식스샵 프로는 제작자와 이용자 모두에게 유용한 도구라고 생각합니다. 제작자는 상상하는 디자인과 기능을 쉽고 자유롭게 구현할 수 있고, 홈페이지나 쇼핑몰을 운영하는 사장님은 원하는 블록을 조합해 손쉽게 활용할 수 있다는 점이 특히 인상적이었어요.

Q. 에이블 님에게 식스샵 프로를 한마디로 표현하면 무엇인가요?
저에게 식스샵 프로는 “스케치북”입니다.
원하는 아이디어를 자유롭게 그리고, 수정하고, 완성할 수 있는 나만의 공간 같아요.

🗣쿼카온 님 인터뷰

Q. 블록을 제작할 때 가장 중점을 둔 부분은 무엇인가요?
실제 고객들 중 지도 기능을 필요로 하는 경우가 많아 지도형 게시판 블록을 제작하게 되었습니다. 프랜차이즈 지점이나 위치 정보를 한눈에 확인하고 검색할 수 있도록 신경써서 제작했어요.

Q. 제작 과정에서 가장 도움이 된 기능은 무엇이었나요?
블록 메이커, AI 등 기능 자체도 좋았지만, 식스샵 직원분들과 빠르게 피드백을 주고받을 수 있는 점이 가장 큰 도움이 되었어요. 문의하면 바로 답변을 받을 수 있어 문제 해결 속도가 훨씬 빨라 제작 과정이 훨씬 원활했습니다.

Q. 식스샵 프로를 사용하면서 가장 인상 깊었던 점이 무엇인가요?
보통 유지보수 단계에서는 클라이언트와 제작자 사이에서 작은 수정에도 많은 리소스가 오가는데, 식스샵 프로는 간단한 가이드만 전달하면 고객이 설정 패널에서 직접 수정할 수 있어 훨씬 효율적이고 편리하더라고요.

Q. 쿼카온 님에게 식스샵 프로를 한마디로 표현하면 무엇인가요?
저에게 식스샵 프로는 “웹 빌더의 최종”입니다.
이대로 꾸준히 업데이트만 되면 웹 빌더의 최종본이 되지 않을까 싶네요.

✨수상은 놓쳤지만 주목할 만한 블록들

아쉽게 수상은 놓쳤지만 눈에 띄는 아이디어와 노력으로 주목 받은 블록들도 소개합니다. 유력 후보였던 블록들도 창의적인 시도와 활용 아이디어가 가득하니, 놓치지 말고 꼭 한 번 확인해보세요!

1. 퀵 메뉴 슬라이더 블록

사이트의 가치와 주요 메뉴를 한눈에 보여주는 퀵 인터랙션형 슬라이더 블록입니다. 투명한 블록 위에 핵심 키워드나 메뉴를 배치해 사용자가 직관적으로 탐색할 수 있으며, 호버 시 상징적인 이미지가 등장하고 클릭 시 관련 페이지로 이동할 수 있습니다.

2. 동적 네비게이션 블록

스크롤, 메뉴, 햄버거 UI까지 완전히 커스터마이징 가능한 내비게이션 블록입니다. 스크롤에 반응해 부드럽게 고정되는 인터랙션과 필요에 따라 메뉴 및 햄버거 버튼을 추가·삭제할 수 있는 유연한 커스터마이징 기능을 제공합니다. 햄버거 버튼을 클릭했을 때에는 전체 화면을 덮는 오버레이 메뉴는 감각적인 전환 효과로 사용자에게 강한 인상을 남기며, 단순한 내비게이션을 넘어 브랜드의 첫인상을 디자인해줘요.

3. 흐르는 텍스트 & 스크롤 모션 배너 블록

흐르는 텍스트와 패럴랙스 스크롤 효과가 어우러진 배너 블럭입니다. 메인 페이지 상단에서 브랜드의 아이덴티티와 감각적이고 역동적인 시각적 임팩트를 통해 효과적으로 표현할 수 있어요.

4. 글래스 텍스쳐 배너 블록

글래스 텍스쳐가 돋보이는 유니크한 배너 블록입니다. 마치 유리가 앞에 있는 듯한 시각 효과가 적용된 미디어 배너로, 첫 화면에 배치하면 독특하고 세련된 느낌을 연출할 수 있습니다.

5. 원형 오버랩 블록

기업이나 프로젝트의 핵심 가치를 시각적으로 강조하는 블록입니다. 호버 시 확대 효과와 반응형 디자인이 적용되어 있습니다. 배경 슬로건 위에 원형 아이템이 겹쳐 배치되어 시각적 깊이를 제공하며, 호버 시 확대되는 효과와 반응형 디자인이 적용되어 있어요.