OEE.SO COMMUNITY
페이지를 만들고 운영하며
알게 된 것을 나눠요.
사용 사례, 제작 팁, 막히는 지점을 함께 나누는 공간입니다. 샘플 프로필의 글은 화면 검증용 예시로 표시됩니다.
페이지를 만들고 운영하며
다정한기록샘플
설명 스팟은 한 화면에 두 개가 가장 보기 좋았어요
처음에는 모든 특징에 스팟을 달았는데 시선이 너무 분산됐습니다. 방문자가 실제로 궁금해할 소재와 크기 정보만 남기니 사진도 살고 설명도 더 잘 읽혔어요. 적용 방법 1. 바꾸기 전 화면과 수치를 먼저 기록합니다. 2
오이소 팁게시글 보기 →
작은상점샘플
긴 이미지 올리기 전에 768px 폭으로 맞췄습니다
원본이 너무 크면 업로드와 확인이 느려져서 모바일 기준 폭으로 내보낸 뒤 올리고 있어요. 글자가 포함된 이미지는 압축 후에도 흐리지 않은지 꼭 확대해서 확인합니다. 적용 방법 1. 바꾸기 전 화면과 수치를 먼저 기록
오이소 팁게시글 보기 →
느린브랜드샘플
버튼 문구를 결과 중심으로 바꾸니 이해가 빨랐어요
자세히 보기 대신 객실 예약 가능일 보기, 전시 일정 확인처럼 클릭 뒤 무엇이 나오는지 적었습니다. 작은 차이지만 처음 온 사람도 망설이지 않더라고요. 적용 방법 1. 바꾸기 전 화면과 수치를 먼저 기록합니다. 2.
오이소 팁게시글 보기 →
정리하는사람샘플
첫 화면에는 설명보다 목적을 먼저 보여주세요
누구를 위한 페이지인지, 방문자가 여기서 무엇을 할 수 있는지만 먼저 보여주면 다음 섹션을 읽기가 쉬워집니다. 세부 정보는 이미지 흐름 뒤로 옮겨도 충분했어요. 적용 방법 1. 바꾸기 전 화면과 수치를 먼저 기록합니
오이소 팁게시글 보기 →
여행편집자샘플
공개 후에는 방문 수보다 스크롤을 먼저 봤어요
유입은 있는데 아래쪽 예약 버튼까지 도달하지 않는 걸 확인하고 중간 설명을 줄였습니다. 수정 후에는 같은 기간 동안 버튼이 있는 섹션까지 내려오는 비율이 높아졌어요. 적용 방법 1. 바꾸기 전 화면과 수치를 먼저 기
오이소 팁게시글 보기 →
로컬큐레이터샘플
사진마다 링크를 넣기 전에 우선순위를 정했어요
모든 이미지를 누를 수 있게 만들면 오히려 중요한 행동이 흐려졌습니다. 예약, 구매, 문의처럼 실제 다음 단계가 있는 곳에만 링크를 남기는 편이 명확했어요. 적용 방법 1. 바꾸기 전 화면과 수치를 먼저 기록합니다.
오이소 팁게시글 보기 →
사진과문장샘플
모바일 미리보기에서는 손가락으로 직접 눌러봅니다
마우스로는 잘 눌리던 영역도 휴대폰에서는 너무 작게 느껴질 때가 있어요. 공개 전 실제 기기에서 위에서 아래까지 읽고 모든 링크를 한 번씩 눌러보는 게 가장 확실했습니다. 적용 방법 1. 바꾸기 전 화면과 수치를 먼
오이소 팁게시글 보기 →
브랜드일기샘플
제목은 이미지 안에서도 두 줄을 넘기지 않았어요
모바일에서는 한 문장이 생각보다 크게 보입니다. 핵심 단어를 줄이는 대신 자연스럽게 읽히는 짧은 문장 하나를 쓰니 첫 화면이 훨씬 안정적으로 보였어요. 적용 방법 1. 바꾸기 전 화면과 수치를 먼저 기록합니다. 2.
오이소 팁게시글 보기 →
기록상점샘플
링크 공개 전 시크릿 창에서도 확인해보세요
로그인한 상태에서는 보이던 화면이 외부 방문자에게 다르게 보일 수 있습니다. 시크릿 창에서 주소를 열고 비밀번호, 예약 공개 시간과 링크 이동을 확인하면 실수를 줄일 수 있어요. 적용 방법 1. 바꾸기 전 화면과 수
오이소 팁게시글 보기 →
뮤클라
모바일에서 먼저 확인하면 좋아요
공유하기 전에 휴대폰 미리보기로 글자 크기와 버튼 간격을 확인해보세요.
오이소 팁게시글 보기 →