랜딩페이지 전략

랜딩페이지 전략

랜딩페이지 – Landing Page

미니멀한 웹사이트 또는 광고성 이벤트 페이지를 말하는 것으로 홈페이지를 운영하면서 특정 제품 또는 이벤트성 컨텐츠를 소개할때 주로 사용 되는 형태입니다.

검색엔진 친화적(SEO)으로 제작되고 주로 반응형으로 제작됩니다.

 

랜딩페이지의 컨텐츠

사진 및 텍스트(웹폰트)의 타이포 그라피등 화려하고 직관적인 컨텐츠로 구성하고 소개하는 내용에 따라 전략적으로 내용을 전달합니다.

좋은 첫인상과 구매/판매로 이어질 수 있는 웹사이트로 제작 합니다.

특히, 모바일 환경에 맞추어 컨텐츠가 제작되기 때문에 여러 페이지로 나뉘어 지기 보다는 1페이지 또는 최소화된 페이지 구성이 효과적입니다.

 

동적컨텐츠

함축적이거나, 비교적 한페이지에 많은 내용을 담는 경우가 있기 때문에 사진, 텍스트등의 애니메이션 효과를 적절하게 사용해서 재미있는 화면을 구성하기도 합니다.

SVG애니메이션이나 다이나믹 슬라이더와 함께 구성하고, 스크롤 이벤트에서 모션 애니메이션을 적용 하기도 합니다.

 

데모 참조

 

홈페이지 및 쇼핑몰개발을 위한 플렛폼

홈페이지 및 쇼핑몰개발을 위한 플렛폼

워드프레스

특징

  • 표현형 반응형 웹사이트를 개발할 수 있는 오픈 소스형
  • 플러그인베이스로 기능을 확장할 수 있고, 유료 및 무료등 다양한 기능을 사용할 수 있습니다.
  • 쇼핑몰과 관련된 플러그인 사용시 국내외용 쇼핑몰로 확장 가능
  • 디자인 및 프로그램커스텀 가능
  • 유지관리가 비교적 쉽고, 저렴함
  • 세계적인 유저수를 가지고 있고, 한국에서도 많은 유저가 사용중입니다.
  • 설치형 테마(템플릿)를 구매후 사용가능

 

참조(주의)

  • 관리자모드의 다소 복잡성
  • 초보접근 쉽지 않음
  • 관리자모드에서 영문메뉴가 많음
  • 서버 및 호스팅환경에 영향을 많이 받음 (오픈소스는 당연함)

아엠웹

특징

  • 호스팅형 웹저작툴(소스공개X)
  • 웹사이트 및 쇼핑몰 제작 가능
  • 일반 쇼핑몰 및 예약시스템 사용가능(호텔,펜션 등)
  • 한국결제시스템 가능
  • 엠심베이, 알리페이, 몰페이, econtext
  • 프로그램 커스텀 불가능
  • 확장기능없음
  • 간단한 커스텀기능 제공 (심도있는 커스텀은 전문가의 영역)

참조(주의)

  • 선택할 수 있는 디자인 템플릿 수 적음
  • 유저수 적음
  • 추후 소스 이전 불가능

윅스(WIX)

특징

  • 호스팅형 웹저작툴(소스공개X)
  • 홈페이지전용
  • 한국쇼핑몰 불가능(결제시스템 제공하지 않음)
  • 선택할 수 있는 홈페이지 템플릿 많음
  • 페이지빌더 제공

참조(주의)

  • 유저수 적음
  • 추후 소스 이전 불가능

카페24

특징

  • 폐쇄형 홈페이지 및 쇼핑몰 빌더
  • 스킨구매 가능
  • 다국어쇼핑몰제작
  • 프로그램 커스텀 불가능
  • 디자인커스텀 제한적 가능
  • 한국형쇼핑몰관리에 최적화

참조(주의)

  • 유저수 많음
  • 추후 소스 이전 불가능

그밖에 쇼핑몰전용

  • 메이크샵
  • Shopify
워드프레스의 힘 – 비주얼페이지빌더

워드프레스의 힘 – 비주얼페이지빌더

비주얼페이지빌더(Visual page Builder)

오래전 워지웍 – 드래그엔 드롭 에디터가 출시 되었을때 웹디자이너, 매니저들은 획기적인 웹저작 도구에 열광했었습니다.

포털사이트의 블로그 저작도구와 카페등에서 더욱 활발하게 발전되어 사용하게 되었고 관련 리소스가 공개되어 홈페이지 제작시에도 많이  사용하게 되었죠. 그런 환경이 1세대라면 워드프레스의 페이지빌더는 4~5세대즘 되겠네요.

컨텐츠의 레이아웃을 만들고, 이미지와 텍스트의 배치가 가장 기본적은 기능이라면 워드프레스와 함께 하는 페이지빌더는 그 이상의 기능들이 포함되어 있습니다.

블로그의 배치, 이미지슬라이더, 탭만들기, 토글, 아코디언, 로고슬라이더, 멤버리스트, 타임라인, 팬시헤더, 텍스트 애니메이션, 아이콘, 인포박스….

블로그로서의 기능과 쇼핑몰로서 필요한 상품출력과 이미지링크등 다양하고 복잡한 기능을 포함하고 있습니다.

워드프레스를 처음 시작하시는 분들이나 홈페이지나 쇼핑몰 직접 관리하시는 분들이라면 아래의 에디터와 에디터를 포함한 테마중 한가지를 완벽하게 소화할 필요가 있습니다.

물론 그것만 가지고는 부족한점은 나타나겠죠.

서브디렉토리 멀티사이트 구성을 통한 UI 구성

서브디렉토리 멀티사이트 구성을 통한 UI 구성

워드프레스 멀티사이트란?

멀티(Multi) 사이트는 플러그인, 테마를 공유하는 여러개의 웹사이트를 말합니다.
구성에따라 미디어역시 함께 공유해서 사용할 수 있습니다.

멀티사이트는 싱글사이인온(Single-Sign-On)이 기본으로 회원이 공유됩니다.

멀티 사이트의 구성방식
  1. 서브 디렉토리 방식 ( 홈페이지주소/site1, site2 )
  2. 멀티 도메인 방식 ( site1.홈페이지주소, site2.홈페이지 )
  3. 멀티 도메인 방식의 도메인 맵핑 – 위 2번구성의 각 사이트는 각 개별적인 도메인으로 접속 구성 )

** 도메인 맵핑 (Domain Mapping)은 서버 단위 호스팅서버나 그것을 지원하는 단독 웹호스팅 서버에서만 가능합니다.

 

어떤 상황에서 멀티사이트가 필요한가?

  1. 서로 다른 컨텐츠의 UI를 분리하고 싶을때
  2. 홈페이지와 쇼핑몰을 분리하고 싶을때 (메뉴등등의 구성의 복잡도에 따라…)
  3. 여러개의 사이트를 호스팅하고 싶을때
  4. 멀티 블로깅사이트를 구성해서 유저에게 블로그사이트를 분양하고 싶을때

 

멀티사이트의 속도?

워드프레스 사이트의 속도는 플러그인과 테마에 따라 기본 속도가 현저하게 차이가 나게 됩니다.
캐시를 적용해서도 문제가 되는 구성이 있습니다.

경험적인 구성에서 살펴보면 WPML과 Woocommerce (Woocommerce의 다른 플러그인포함)를
하나의 사이트에서 모두 구성하지 않은 상태면 테마(Theme)를 적절히 선택하면 속도가 나쁘지 않습니다.

 

주의) 캐시 플러그인 또는 플러그인중 멀티사이트를 지원하지 않는 플러그인이 있습니다.

워드프레스 컴파일하기

워드프레스 컴파일하기

워드프레스로 만들어진 동적웹사이트의 접근 속도를 높이기 위한 방법론입니다.

워드프레스 웹사이트는 여러가지 이유로 응답속도가 떨어지게 됩니다.

첫째. 많은 플러그인의 설치
둘째. 최적화 되지 않은 페이지 및 이미지
셋째. 느린 호스팅

캐시의 일종이지만 운영 방법은 조금 달라집니다.

플러그인

Simply Static

완벽하게 동작하기 위해서는

컨텐츠를 만들고 관리할 URL이 필요하고, 컴파일될 디렉토리 (ex www) 와 그 디렉토리를 서비스 URL과 연결하는 방식으로 워드프레스 웹사이트를 만들수 있습니다.

아직 쇼핑몰 사이트까지 테스트 해보지는 않았지만, 일반적인 홈페이지나 기능이 많지만 무거워진 디렉토리 사이트, 뉴스 및 매거진 사이트에서 특별한 속도를 만날 수 있을것입니다.