핑크핑크커플플랫폼WIX반응형홈페이지리뉴얼

이번에 소개해드릴 작업물은 커플 플랫폼 사업을 하고 있는 회사의 WIX 반응형 홈페이지 리뉴얼 사례입니다. 비전문가도 코딩 없이 홈페이지를 만들 수 있는 웹빌더인 WIX를 이용해 자체적으로 구축하다가 추후 리뉴얼을 의뢰한 경우인데, 경기가 나쁜 것을 보니 작년에 비해 올해 신규 제작보다는 리뉴얼 작업의 비중이 높아졌습니다. 직접 시도해보고 디자인적으로 업그레이드나 정돈의 필요성을 느껴 의뢰하시는 경우가 많습니다. 이번에 소개해드릴 작업물은 커플 플랫폼 사업을 하고 있는 회사의 WIX 반응형 홈페이지 리뉴얼 사례입니다. 비전문가도 코딩 없이 홈페이지를 만들 수 있는 웹빌더인 WIX를 이용해 자체적으로 구축하다가 추후 리뉴얼을 의뢰한 경우인데, 경기가 나쁜 것을 보니 작년에 비해 올해 신규 제작보다는 리뉴얼 작업의 비중이 높아졌습니다. 직접 시도해보고 디자인적으로 업그레이드나 정돈의 필요성을 느껴 의뢰하시는 경우가 많습니다.

(왼쪽) 기존 로고, (오른쪽) 리뉴얼 로고 로고부터 홈페이지까지, 올인원 디자인 이번 사례는 로고부터 대대적인 리뉴얼을 실시했습니다. 디자인 온더문은 로고 디자인도 하기 때문에 올인원으로 고객님들의 니즈에 맞춰 일차적으로 로고 리뉴얼을 진행하였습니다. 특히 기존 로고는 ai로 작업하지 않고 웹상에서 무료로 제작하여 배경이 있는 이미지 형태이며 원본 파일이 따로 없었습니다. 디자인 온 더 문은 어도비 일러스트로 제대로 만들어 ai 원본 파일까지 모두 확보해서 전달했습니다. (왼쪽) 기존 로고, (오른쪽) 리뉴얼 로고 로고부터 홈페이지까지, 올인원 디자인 이번 사례는 로고부터 대대적인 리뉴얼을 실시했습니다. 디자인 온더문은 로고 디자인도 하기 때문에 올인원으로 고객님들의 니즈에 맞춰 일차적으로 로고 리뉴얼을 진행하였습니다. 특히 기존 로고는 ai로 작업하지 않고 웹상에서 무료로 제작하여 배경이 있는 이미지 형태이며 원본 파일이 따로 없었습니다. 디자인 온 더 문은 어도비 일러스트로 제대로 만들어 ai 원본 파일까지 모두 확보해서 전달했습니다.

기존 홈페이지의 모습, 우후죽순 페이지가 통일감 있는 홈페이지가 될 때까지 리뉴얼을 시행하기 전인 기존 홈페이지의 모습입니다. 메인 페이지와 하위 페이지가 통일감 없이 따로 노는 듯한 느낌이 강합니다. 글꼴, 색감, 레이아웃 등 전체적인 톤앤매너가 다른 홈페이지 같은 착각에 빠지기도 합니다. 헷갈리기 때문에 가독성도 떨어지게 마련이죠. 디자인 온 더 문은 이러한 부분을 중점으로 전체적인 페이지 정돈을 실시했습니다. 기존 홈페이지의 모습, 우후죽순 페이지가 통일감 있는 홈페이지가 될 때까지 리뉴얼을 시행하기 전인 기존 홈페이지의 모습입니다. 메인 페이지와 하위 페이지가 통일감 없이 따로 노는 듯한 느낌이 강합니다. 글꼴, 색감, 레이아웃 등 전체적인 톤앤매너가 다른 홈페이지 같은 착각에 빠지기도 합니다. 헷갈리기 때문에 가독성도 떨어지게 마련이죠. 디자인 온 더 문은 이러한 부분을 중점으로 전체적인 페이지 정돈을 실시했습니다.

리뉴얼된 홈페이지 모습의 체류량을 늘리려면 홈페이지도 정리정돈이 필요하다고 고객과의 충분한 상담 후 니즈에 맞춰 전체적으로 연핑크톤으로 로맨틱한 무드를 연출하였습니다. 먼저 홈페이지의 키컬러, 글꼴을 설정하고 모든 하위 페이지에도 통일하여 적용합니다. 레이아웃과 버튼 디자인도 통일하여 전체적으로 정돈된 이미지를 선사합니다. 불규칙하고 복잡한 구조는 홈페이지 방문자의 스트레스 호르몬을 상승시켜 집중력을 둔화시키고 가독성이 떨어지는 결과를 가져옵니다. 적당한 여백과 간격 유지도 주요 요소입니다. 리뉴얼된 홈페이지 모습의 체류량을 늘리려면 홈페이지도 정리정돈이 필요하다고 고객과의 충분한 상담 후 니즈에 맞춰 전체적으로 연핑크톤으로 로맨틱한 무드를 연출하였습니다. 먼저 홈페이지의 키컬러, 글꼴을 설정하고 모든 하위 페이지에도 통일하여 적용합니다. 레이아웃과 버튼 디자인도 통일하여 전체적으로 정돈된 이미지를 선사합니다. 불규칙하고 복잡한 구조는 홈페이지 방문자의 스트레스 호르몬을 상승시켜 집중력을 둔화시키고 가독성이 떨어지는 결과를 가져옵니다. 적당한 여백과 간격 유지도 주요 요소입니다.

리뉴얼도 신규 제작과 같은 마음가짐으로 진행합니다 리뉴얼이라고 해서 결코 폰트나 사진만 바꾸지는 않습니다. 그럼 홈페이지 리뉴얼을 위해 무엇이 필요할까요? 1. 기존홈페이지 url2. 수정기획안 3. 레퍼런스(참고사이트) 리뉴얼도 신규 제작과 같은 마음가짐으로 진행합니다 리뉴얼이라고 해서 결코 폰트나 사진만 바꾸지는 않습니다. 그럼 홈페이지 리뉴얼을 위해 무엇이 필요할까요? 1. 기존홈페이지 url2. 수정기획안 3. 레퍼런스(참고사이트)