윅스(Wix)로 하루만에 홈페이지 만들기 강좌

지난 시간에 윅스(Wix) 홈페이지 제작 서비스에 대해서 간략히 알아보았는데요. 오늘은 실제 윅스를 활용하여 한시간만에 홈페이지 만드는 방법을 포스팅해보겠습니다.

<관련글>

2015/05/24 - [▶ 똑똑한 블로그/인터넷(Internet)] - 윅스(Wix) 무료 홈페이지 만들기, 윅스 완전정복 강의

2015/05/21 - [▶ 똑똑한 블로그/인터넷(Internet)] - 네이버 애널리틱스 마스터하기 -2. 애널리틱스 완벽활용강의

2015/04/15 - [▶ 똑똑한 블로그/인터넷(Internet)] - 네이버 애널리틱스 마스터하기 -1.애널리틱스 설치

테스트로 무슨 홈페이지를 만들까 고민하다가 당장 활용할 수 있는 것을 만드는게 좋다고 생각되어 마케팅대행서비스로 골랐습니다. 이름하여 빨간꿈컨설팅 입니다. 먼저 윅스에서 제공하는 수백가지의 템플릿 중에서 마음에 드는 것을 고릅니다. 빨간꿈은 '광고 및 마케팅' 영역에 있는 '디자이너를 위한 온라인 이력서'를 선택했습니다. 

템플릿을 선택했으니 바로 본 메뉴로 들어오겠습니다. 당연한 이야기 겠지만 머리속에는 홈페이지의 주제, 메뉴 등 대략적인 것들은 미리 있어야만 빨리빨리 홈페이지를 만들어 나갈 수 있습니다. 이와 함께 홈페이지에 사용할 이미지까지 미리 구상해놓았다면 말그대로 몇분만에 마우스 클릭으로 홈페이지가 완성될 것 입니다. 저는 총6개의 메뉴를 생성하여 각각 HOME, SERVICE, PRICE, NOTICE, CONTACT, BLOG로 만들었습니다. 먼저 한 일은 페이지마다 이름과 주소를 지정하고 검색노출을 위해 SEO설정과 페이지 제목,설명을 입력해준 것입니다.

첫번째 페이지 HOME입니다. 이 곳은 전부 이미지로 꾸며져있습니다. 상단 타이틀과 메인 노트북이미지, 음영텍스트는 물론 하단의 네모아이콘까지 전부 직접 포토샵에서 뚝딱뚝딱 만든 이미지입니다. 홈페이지 첫화면인만큼 무슨 사이트인지 알 수 있도록 해주고 메뉴까지 큼지막하게 넣어두었습니다. 메뉴구성은 윅스가 제공하는 다양한 메뉴디자인 중 하나를 택했으며 최하단 소셜아이콘 역시 클릭만으로 추가되는 윅스의 기본 기능입니다.  

두번째 페이지는 SERVICE입니다. 이 홈페이지가 어떤 서비스를 제공하는지 보여주는지 설명하기 위해 숫자와 텍스트 그리고 관련 이미지를 넣어서 아주 쉽게 만들었습니다. 이정도 페이지 만드는 시간은 5분이면 충분할 듯 합니다.   

다음메뉴는 PRICE 입니다. 뭔가 홈페이지 같은 느낌을 내주기 위해서는 상점안내라던가 가격안내가 있어야 되는데 온라인 서비스다 보니 상점이 없어서 구색을 맞춰볼 맘으로 가격메뉴를 넣어보았습니다. 온라인마케팅,블로그마케팅,인터넷관련 질문 등 모든 서비스를 무료로 제공할 것이므로 윅스에서 제공하는 목록테이블을 불러와서 서비스와 가격을 입력하였습니다. 혹시몰라서 아래로는 사이트 개설 및 운영대행을 무료가 아닌 유료로 넣어두었습니다. 이 사이트를 조금만 잘 관리한다면 분명 누군가가 유료로 서비스를 이용하는 분들도 생겨나겠죠^^? 아차, 하단에는 심심해서 페이팔 기부 버튼을 추가해보았습니다. 윅스는 해외에서 나름대로 유명한 서비스이다보니 이와 같은 다양한 부가기능이 제공됩니다.

다음 메뉴는 공지사항입니다. 여기서 가장 큰 문제점이 발생했습니다. 윅스는 자체적으로 한국형 게시판을 지원하지 않는 단점이 있습니다. 운영자가 공지사항을 올리는 곳 혹 사용자가 질문하는 게시판이 존재하지 않음을 뜻합니다. 하지만, 천만다행으로 외부에서 게시판 계정을 생성하여 IFRAME형식으로 가져오는 것은 가능합니다. 아래 게시판은 블루웹이라는 업체에서 무료로 생성하게 해주는 게시판입니다. 윅스가 직접 제공을 안해서 아쉽긴 하지만 그나마 부족한 부분을 외부서비스를 통해 지원해주는 점은 불행중 다행이라고 생각합니다. 

다음은 CONTACT 연락처 메뉴입니다. 이 곳은 윅스에서 기본적으로 제공하는 연락처 양식을 그대로 적용하고 그 아래로 개인프로필과 사진을 작성하였습니다. 윅스에서 제공하는 연락처 양식은 꽤 훌륭합니다. 누군가가 메시지를 작성하면 관리자의 이메일로 해당 내용을 받아볼 수 있습니다. 

마지막으로 심심해서 블로그메뉴를 넣어봤습니다. 홈페이지 속에 웹용 블로그 화면을 그대로 넣게 될 경우 화면이 안맞아서 IFAME형식으로 모바일 블로그 주소를 그대로 넣었습니다. 역시나 안정성이 높은 서비스이다 보니 블로그도 모바일 화면에서 보는 것처럼 안정적으로 잘 노출되고 있습니다. 

이렇게 PC용 홈페이지는 대충 윤관을 잡아놓았습니다. 모바일 사이트를 만들어야 하는데... 사실 모바일 사이트의 기본 구조와 아이템은 PC용 홈페이지를 그대로 사용합니다. 즉, 텍스트 및 아이콘 위치 등의 화면구성만 모바일페이지에 맞게 조절해주면 됩니다. 주의할 점은, 이미지 사이트가 너무 크거나 혹 플러그인 등의 항목이 모바일에 최적화되어 있지 않다면 반드시 PC화면에서 해당 아이템을 수정해주셔야 합니다. 모바일에서 안보이게 할 수는 있지만 독립적인 개체를 모바일페이지에서만 별도로 추가하지는 못하기 때문입니다. 모바일편집메뉴에서는 모바일 디자인과 모바일 전용 요소만 추가가 가능합니다. 

아래 보시는 것처럼 메인화면 큰 이미지에 포함된 텍스트가 잘안보이므로 이 것은 아예 이미지 자체를 PC화면에서 수정해야 할 듯 합니다. 모바일 요소는 위로가기버튼과 탐색메뉴,전화번호,이메일주소를 한눈에 보여주는 모바일 액션바가 있습니다. PC 또는 모바일은 우상단의 미리보기를 통해서 아주 손쉽게 점검하실 수 있으니 점검이 완료되면 저장을 눌러주시면 됩니다.

홈페이지 제작을 완료했으면 최종적으로 게시버튼을 눌러주시면 url이 생성되고 실제 웹상에 내 홈페이지가 노출됩니다. 아래와 같이 URL을 타고 들어오면 윅스로 만든 내 홈페이지가 바로 보여집니다. 처음에 선택한 템플릿과는 전혀 다른 모습이지만 그래도 아주 손쉽게 홈페이지를 만들어 보았습니다. 

빨간꿈컨설팅 홈페이지 주소를 아래 적어드리니 윅스 홈페이지가 어떻게 만들어졌는지 한번 둘러보시기 바랍니다. 필요하시다면 무료로 빨간꿈컨설팅 서비스도 이용해주세요 :)  

빨간꿈컨설팅 바로가기

http://reddreams85.wix.com/reddreams

이상으로 윅스를 활용한 실전 홈페이지 제작 방법을 간략히 알아보았습니다. 하루만에 뚝딱 만든 것이 이정도이니 일주일정도 기획과 디자인을 한 후 만들게 될 경우 그 완성도가 대단히 높을 수밖에 없을 것 입니다. 게시판 기능의 부재, 결제 솔루션의 부재가 굉장히 크게 다가오지만 역으로 어느정도 컴퓨터와 인터넷을 다룰줄 아는 분들 혹 아예 컴퓨터를 모르지만 조금 공부해서 그럴듯한 홈페이지를 제작하시고자 하는 분들에게는 윅스 유료서비스를 이용해보시라고 권해드릴 정도로 완성도와 편의성이 높은 서비스를 제공하는 것은 사실입니다. 

하지만 광고배너 제거, 도메인 등록, 파비콘 추가를 위해서 어쩔수없이 유료서비스를 이용해야 하는 단점도 있고 유사한 서비스로 심플하고 광고도 없는 네이버 모두가 곧 결제솔루션까지 포함할 예정인만큼 단순 텍스트와 이미지,지도,연락처만으로 홈페이지를 제작하시는 분들은 아무래도 네이버 모두로 향할 듯 합니다. 물론, 윅스는 자체적으로 프리미엄 유료서비스를 목표로 서비스를 제공하는 것인만큼 네이버 모두와 비교하는 것 자체가 무리가 있는게 사실입니다만, 당장 우리가 필요로 하는 것은 무료 홈페이지 제작 툴인만큼 가볍게 한번 비교를 해보았습니다.

윅스가 국내진출에 공을 들이고 있는 만큼 한국인들에게 꼭 필요한 최소한의 기능은 몇 가지 더 개선할 것으로 보여지니 점점 더 개선되는 윅스를 지켜보는 것 또한 나쁘지 않을 듯 합니다. 저도 시간내서 윅스로 만들어놓은 홈페이지를 좀 더 그럴듯하게 개선해나가야 하겠습니다. 다음시간에는 네이버 모두를 활용한 홈페이지 제작강의를 선보이도록 하겠습니다.