축구레슨을 전문으로 하는 코탑풋볼에서 네이버 카페 디자인 의뢰를 받았어요. 팀레슨과 개인레슨을 함께 운영하는 곳이라 카페 안에서 정보가 한눈에 들어와야 했고, 학부모나 수강생분들이 편하게 문의할 수 있는 구조도 필요했어요.
축구레슨 카페, 왜 다시 디자인하게 됐을까요
코탑풋볼은 지역별로 레슨을 운영하고 있어서 카페 안에 담아야 할 정보가 생각보다 많았어요. 지역별레슨, 팀레슨, 개인레슨을 각각 소개해야 했고 상담 문의도 자연스럽게 이어져야 했죠.
기존 카페는 이런 정보들이 흩어져 있는 편이었어요. 처음 방문한 분이 어디서부터 봐야 할지 헷갈릴 수 있는 구조였고, 이 부분을 정리하는 게 이번 작업에서 가장 먼저 풀어야 할 문제였어요.
파란색 톤에 축구선수 일러스트를 더한 코탑풋볼 카페 대문 디자인
전체적인 색상은 파란색 계열로 맞췄어요. 축구라는 종목이 주는 활동적이고 시원한 느낌이 코탑풋볼이라는 이름과도 잘 어울린다고 생각했거든요.
상단 타이틀 영역에는 축구선수 모습의 추상적인 일러스트 배경으로 작업했어요. 사진보다 일러스트와 조합해서 조금 더 브랜드다운 인상을 만들고 싶었어요.
카페 대문과 타이틀, 배너에 신경 쓴 이유
네이버 카페는 방문자가 들어온 지 몇 초 안에 '여기가 어떤 곳인지' 판단하는 경우가 많아요. 그래서 대문과 타이틀 영역이 사실상 카페의 첫인상을 결정한다고 봐도 될 정도예요.
코탑풋볼 카페도 이 점을 고려해서 타이틀 영역에 문의 전화번호와 카카오톡 아이디를 함께 배치했어요. 상담을 원하는 분이 게시글을 하나하나 찾아보지 않아도 바로 연락할 수 있게 하려는 의도였어요.
지역별레슨부터 이벤트 배너까지, 방문자 동선을 고려한 구성
대문 영역에는 지역별레슨, 팀레슨, 개인레슨 배너를 나란히 배치했어요. 자신에게 맞는 레슨 방식을 바로 찾을 수 있게 하기 위해서예요.
그 아래로는 인스타그램, 레슨문의, 이번달 이벤트 배너를 이어서 넣었어요. SNS 채널로 자연스럽게 연결되면서도 문의와 이벤트 정보를 놓치지 않도록 구성한 거예요. 넓은 축구장 사진을 배경으로 캐치프레이즈를 노출한 것도 같은 맥락이었어요. 축구레슨이라는 업종의 분위기를 이미지 한 장으로 전달하고 싶었거든요.
카페 이미지, 모바일에서는 왜 다르게 보일 때가 있을까요
PC에서 보던 배너나 사진이 모바일에서는 위아래가 잘려 보이는 경우가 있어요. 네이버 카페의 PC 버전과 모바일 버전은 화면 비율 자체가 다르기 때문에 생기는 문제예요.
코탑풋볼 작업에서도 넓은 축구장 사진을 배경으로 쓰다 보니 이 부분을 미리 확인해야 했어요. 캐치프레이즈나 선수 이미지처럼 중요한 요소가 모바일 화면에서도 가운데쪽에 오도록 여백과 배치를 조정했어요.
코탑풋볼 카페 디자인을 마무리하며
작업을 마치고 나니 처음보다 정보가 확실히 정리된 느낌이 들었어요. 지역별레슨, 팀레슨, 개인레슨 중 어떤 걸 골라야 할지 헷갈리지 않아도 되고, 문의도 타이틀 영역에서 바로 이어질 수 있게 됐죠.
굿파크는 업종과 운영 목적을 고려해서 네이버 카페 디자인을 만들어가고 있어요. 코탑풋볼처럼 레슨이나 강의, 커뮤니티 운영을 하시는 분들이라면 카페 안의 정보 구조부터 함께 정리해보시는 걸 추천드려요.
이 게시물을
