아임웹으로 반응형 무료 웹사이트 만들기 ­

>

안녕하세요. 혁신적인 가치와 우리의 삶을 바꿀 콘텐츠를 발굴하여 알려드립니다. 저는 감성 IT칼럼니스트 겸 블로거인 뮤트라고 합니다. 이번에 알아보는 것은 직접 디자이너로 거듭나는 가장 쉬운 방법입니다. 소셜·플랫폼이 어느 정도의 기세를 떨치고 있습니다만, 자주적으로 사업체를 하거나 무엇인가를 운영할 때, Web Site만큼 적합한 것은 없습니다. 하지만전문적인요소라고하면막연히어려움을겪는분들도많은걸로알고있습니다. 이전에는 Namo사의 에디터나 네띠앙 등 존재했지만, 최근의 트렌드와는 맞지 않네요.그런데 새로운 발판을 마련할 수 있는 플랫폼이 있습니다. 현재도 많은 사용자들이 사용하고 있습니다. 자신의 공간, 그리고 당신이 운영하는 곳을 적절히 홍보할 수 있는 공간을 스스로 선택합시다. 재능이 없어도 상관없어요. 그 방법을 제가 알려드릴게요. 시작하기 전에 저는 매일 양질의 칼럼을 기고하며 여러분께 다가가고 있습니다. 앞으로도 테크칩을 보고 싶으신 분은 지금 바로 추가를 눌러주세요. 변함없는 콘텐츠를 약속드립니다. 그렇다면 지금부터 시작해 보겠습니다.​

>

.
日 아유미, 미혼 상태로 또 임신 아버지 같다 일본 톱스타 하마사키 아유미(42)가 둘째 아이 임신 소식을 전했다. 배우 김범이 4년 만에 브라운관으로 돌아왔다. 골목식당 백종원 일침 생각 자체에 문제 오늘(7일) 방송되는 SBS 백종원의 골목식당에서는 26번째 골목 중곡동 시장 앞 골목 다섯 번째 편이 공개된다. 구미호뎐 정이서→방송작가 변신 본방사수 독려 구미호뎐 배우 정이서가 본방사수를 독려했다.

​​​​​​​​

>

>

필자는 디자이너는 아니지만 항상 주위로부터 질문을 많이 받는다. 제작을 맡기고 싶은 홈페이지나 블로그가 있는데 어떤 방식으로 디자인하는 게 좋겠느냐는 것이다. 물론 필자도 디자인을 잘 다루는 것은 아니다.포토샵이나 일러스트스테리트는 기본적인 수준에서 보정하는 정도다. 물론 걸출한 사진이 있으면 안 되는 것은 아니지만 실제 이미지만 갖고 있다고 해서 자신만의 페이지를 개설할 수 있는 것은 아니다. 그만큼 아이디어가 존재해야 한다. 어떻게 프레임이 이동되고 어떤 메인 화면을 보유할까. 컬러감과 콘셉트는 어떤 방향으로 진행되느냐다.​

>

그런 아이디어가 없거나, 제작 자체에 자신이 없는 분은 필자가 제시하는 방법을 따라오면 된다. 아마 이쪽 분야에 관심이 있는 분이라면 한번쯤 들어보았을 IMWEB다. 별도의 비용 없이 홈페이지를 제작할 수 있는 간단한 도구다. 이 페이지에 접속하면 이렇게 메인에 나와 있는 문구가 존재한다. 포토샵이나 코드(HTML, 자바스크립트 등)를 전혀 몰라도 누구나 메이킹할 수 있다.다만 어떤 사람들은 의심하기도 한다. 만약 기본 프레임에 맞춰 정보를 수정하는 방식이라면 한계가 있을 것이라고. 하지만 이곳은 여러분이 작업하고 설계한 아이디어를 최대한 반영할 수 있게 해준다. 드러그&드롭으로 위젯을 추가해 삭제하는 방식으로 원하는 형태로 변모시킬 수 있다는 점에서 고무적이다.​

>

우선 처음 사용하시는 분이라면 회원가입부터 하자. 실제로 가입 절차는 매우 간단하다. 하단에 정보를 기입해도 되지만 우리가 자주 사용하는 네이버 구글 페이스북 아이디만 존재하면 더 쉽게 할 수 있다. 필자는 네이버의 충실한 블로거만 네이버를 골라본다.이러한 편의적인 가입 절차는 물론, 사용 방법이나 광대한 플랫폼 덕분에 현 시점에서 아임 웹이 유사 플랫폼 중에서 가장 유명하다. 이용자 수도 꽤 많지만 필자도 여러 카페를 돌아다니며 종종 목격했다. 저변이 넓다는 것은 그만큼 흥행에 어울리는 특별한 것을 갖고 있다는 뜻이어서 필자 역시 기대를 모았다.​

>

앞으로는 개인정보 접근을 허용해 달라는 요청이 있다. 이에 동의하면 굳이 이 홈페이지에서 가입하기 위한 정보를 입력해야 하는 번거로움을 겪지 않아도 된다. 보통의 경우는 포털에 가입하기 위해서 모든 인증과 정보를 기입해야 하기 때문에 번거로운 것이 많다. 하지만 필수 제공 항목만 동의하면 돼 아주 쉽게 진행이 가능하다.​

>

이제 로그인 하면 환영 인사를 받을 수 있다. 하단을 보면 바로 메이킹이 가능하고 완전 초보자는 동영상을 통한 강의도 볼 수 있다. 확실히 초보도 디자이너와 같은 레벨로 할 수 있는 플랫폼이라고 생각된다. 일반적으로 싸이월드나 SNS 같은 것을 해본 사용자라면 굳이 동영상 강의를 볼 필요 없이 잘 쓸 수 있을 것이다. 그러면 개설 버튼을 눌러 실질적으로 진행해 보자.​

>

우선 기본적인 도메인(주소)과 홈페이지 이름을 결정해야 한다. 기본적으로 제공되는 도메인은 imweb.me이라는 이름이다. 그 전에 여러분이 원하는 이름을 쓰면 된다. 연락처와 개인정보 동의 후 개설을 누르면 된다. 편리한 점도 있다.보통 도메인을 정하면 바꿀 수 없기 때문에 정말 곤란하다. 특히 개설을 시작하는데, 이름을 정한 것이 고착되어 버리면 마음이 바뀌거나 컨셉이 바뀌면 문제가 생긴다. 하지만 이 플랫폼에서는 개설 이후에도 언제든지 주소를 바꿀 수 있다는 점은 고무적이다.​

>

이처럼 예제가 많다. 이미 완성된 플랫폼이 존재하기 때문에 사용자들은 쉽게 생성할 수 있다. 레이아웃이 각각 다르고 플랫폼 콘셉트도 차별화되고 있다. 쇼핑몰에서도 일반적인 벤처 공식 페이지에서도. 관계없다.여러분이원하는템플릿이담겨있으며거기에가장유사한것을고르면된다. 세부까지 모두 바꿀 수 있으므로 큰 틀에서 유사한 것을 선택하면 된다.사진상으로는 몇 개는 안 보이지만 실제로는 수십 개는 족히 넘는다. 필자의 공간처럼 blog 형태도 존재하고 다양한 플랫폼에서 세밀한 구분이 이루어지고 있기 때문에 여러분이 원하는 것을 생각하고 지정하면 될 것이다. 그러면 필자가 선택한 것을 보자.​

>

이라는 페이지가 상당히 마음에 들었다. 헤드폰 관련을 판매하는 몰처럼 보이지만 필자는 음향 관련 디바이스에 관심이 많고 수정하는 일도 상대적으로 적어 보인다. 특히 애플에서 볼 수 있는 감성적인 디자인이 상당히 매력적으로 느껴졌다.이렇게 무료 웹사이트 작성을 선택하면 개설 전 모습이나 세부 내용을 볼 수 있다. 아무래도 무조건 골랐지만 막상 자세히 보면 별로 좋지 않은 경우가 있다. 그러나 그런 우려되는 부분까지 사전에 차단할 수 있다.​

>

또 하나의 고무적인 부분이 있다. 이 플랫폼은 사이즈에 맞춰준다는 점이다. 이것에 대해서 잘 모르는 경우가 있다. 간략하게 설명하다. 현재 우리가 이런 공간을 볼 때 보고 있는 플랫폼은 개개인에 따라 다르다.실제로 필자의 BLOG를 보는 사람도 모두 다르다. PC로 보거나 태블릿PC(아이패드)로 보거나 한다. 아이폰이나 갤럭시 같은 스마트폰 사용자도 과반수를 차지한다. 문제는 이런 큰 틀의 3개의 디바이스가 각각 다른 해상도와 화면 비율을 갖고 있다는 것이다.​

>

하나의 레이아웃에 맞추어 고정되는 방식은 다른 곳에서 감상했을 때 다른 기기로 진입하면 해상도 저하로 레이아웃을 망칠 수 있다. 하지만 이 공간에서 개설되는 것은 태블릿이든 컴퓨터든 스마트폰이든 자체적으로 화면 비율을 조정하고 있다. 따라서 홈페이지를 선택하고 별도로 모바일 개설할 필요가 없다.비용이 들지 않는 플랫폼인데도 지원되는 부분은 고가의 대행업체보다 훨씬 효율적인 모습을 보이고 있다. 어쨌든 필자가 여러 프레임을 조사해 봤는데, 이 형태가 가장 아름답게 느껴진다. 선택해서 개설해 본다.​

>

이렇게 개설되었음을 알 수 있다. 아임웹은 별도로 모바일 애플리케이션도 메이킹이 가능하다. 다만 이 부분은 유료로 이뤄진다. 그러나, 엄밀히 말하면, 이미 레이아웃은 어떠한 디바이스에서도 관계없이 지원되므로, 굳이 필요하지 않다. 기본적으로 제공되는 기능만 잘 써도 충분히 출색의 공간을 생성할 수 있다는 뜻이기도 하다. 이미 완성되었으므로, 툴 관리에 들어가 직접적으로 수정 작업을 진행해 보겠다.​

>

이 공간은 내가 개설한 페이지를 수정할 수 있는 곳이다. 디자인과 위젯, 예약 및 회원 등 모든 것을 관리할 수 있다. 또한 단순히 도메인만 등록되는 것이 아니라 관리적인 부분도 우수하다. 하루에 몇명이 찾아 문의 사항이나 평가가 존재할까. 사람들이 긍정적인 평가를 했는지 등 전반적으로 거대한 카페를 관리하는 것처럼 지원된다.필자가 이전 사업체를 운영할 때 별도의 홍보용 페이지를 개설한 적이 있다. 여기저기 타교은죠크소을 받으면서 나름대로 효율적으로 진행했다고 생각했으나 당시에는 거의 100장 이상의 비용이 들었다. 그것이 가예로 형편없었다는 것은 이 녀석을 만나 보고 비로소 알게 된 일이다. 이곳에서는 모두 무료로 지원할 수 있다. 이 정도면 적자가 날까 봐 업체들이 걱정되는 수준이다.​​​​​​​

>

>

이제 본격적으로 수정 작업을 해보자. 메뉴를 추가해 상세한 설정과 위젯, 아이콘 및 이미지를 배치할 수 있다. 드러그&드롭을 통해 진행이 가능하다. 여러분이 보유하고 있는 자료를 원하는 공간으로 이동시키면 배치할 수 있고 텍스트나 도형 등을 삽입하여 나름대로의 표현이 가능하다.​

>

위젯 방식을 택했기 때문에 직접 배치하는 과정이 간단하다. 만약 포토샵이나 HTML 방식으로 진행해야 한다면 소스에 대해 연구해야 하지만 오히려 마치 한글 문서를 작성하듯 간단한 방식으로 플랫폼을 구축할 수 있기 때문에 상당히 쉬울 것이다. 필자가 이 플랫폼을 선택한 이유 중 가장 큰 요소도 쉽게 가능하다는 점, 그리고 비주얼과 기능적으로는 뛰어난 점이 가장 크다.​

>

About US라는 페이지의 모습이다. 원하는 공간에 텍스트를 삽입할 수 있다. 특수문자와 나열하여 이미지는 물론. 음영과 글꼴과 글자 색상까지 변환이 가능하다. 보통 애플 공식홈에 들어가 보면 매우 우아하고 감성적인 모습을 많이 봤을 것이다.​

>

특히 감성적이라는 이름이 절로 나오는 특유의 말투가 있다. 여러분은 새로운 혁신을 만날 준비가 돼 있습니다. 아이폰을 만났으니까요.”마치 프레젠테이션을 하는 것 같은 느낌으로 이야기를 하는 특유의 애플의 화법을 오마주 해 페이지를 작성해 보았다. 글꼴도 심플한 모습으로 화이트앤블랙만으로 설계해 보는 사람에게 깔끔한 이미지를 줄 수 있도록 준비했다.​

>

스크롤을 조금 내린 모습이다. 이 공간 역시 전체적인 이미지를 더해 자신만의 레이아웃을 실현할 수 있다. 또한아이콘과같은것들도쉽게찾을수있기때문에대부분의도구는갖추어져있다. 실제로, 이러한 플랫폼에서는 템플릿의 한계가 있다고 하는 생각을 자주 하게 될 것이다. 그래서 불필요한 편견으로 오해받은 분들은 이제 벗도록 하자. 이 플랫폼은, 현저한 차이를 보이고 있으니까.​

>

무료 웹사이트 제작 화면 하단에는 정보를 기입할 수 있다. 당연히 메일링 서비스와의 연동이 가능하고, 인스타그램이나 트위터, 페이스북등의 소셜 플랫폼과의 연동도 가능하다. 요즘은 이런 홈페이지만큼 중요한 게 소셜네트워크다. 소비자(혹은 방문자)와의 피드백이 어느 때보다 중요한 이슈가 된 시점이라 이처럼 홈페이지만으로는 부족하다. 소셜과 연동해, 저작물의 표시등을 할 수 있다.​

>

이 부분은 사실 다소 미미한 부분이긴 하지만 생각보다 중요하다. 이렇게 저작물에 대한 표시를 해야 여러분은 무단 불펌에서 제한 없이 자유로워진다. 여러분이 올리는 사진이 외부에서 경쟁사에서 마구 쓴다면? 당연히 문제가 되니까 아랫부분을 고쳐서 쓰도록 하자.실질적으로 추가적인 콘텐츠나 비주얼, 메뉴라인을 정할 수도 있다. 디자인에 있어서 한 병자라는 분들을 위해 서식 자체도 다양하게 존재하기 때문에 그저 어울리는 것만 고르면 된다. 옛날 학창시절에 유행했던 코디스티커 같은 느낌?

>

이처럼 아임웹은 모든 페이지를 자신이 원하는 컬러감과 이미지, 레이아웃과 글꼴을 입력할 수 있다. 또, 다른 것과 하이퍼 링크를 넣거나 다른 플랫폼등을 탑재할 수 있어 사실상 무궁하다. 좀 더 알기 쉽게 설명하고 싶다. 여러분들이 축구를 하고 싶다. 그런데 집이라는 공간밖에 존재하지 않는다.그런데 이곳은 운동장 같은 곳이다. 여러분이 마음껏 놀 수 있도록 모든 것이 갖춰진 셈이다. 반드시 아이디어가 없어도 괜찮다. 이 운동장에는 함께 축구를 하는 친구도 있고 잘 가르쳐 주는 선생님도 있기 때문이다. 그만큼 이 플랫폼에서 할 수 있는 가치는 무한대에 가깝다. ​

>

물론 이렇게 모두 수정했다면 모바일이나 태블릿 화면에서도 감상이 가능하다. 확실히 이러한 플랫폼이 정해진다는 것은 놀랍다. 보통의 경우는 하나의 레이아웃에만 최적화를 실현하기 때문에 이용자 입장에서는 별도 홈페이지를 사용하는 경우가 허다하다.​

>

이 때, 유저는 각각 사용하는 디바이스가 다르기 때문에 혼란하지 않을 수 없다. 다른 플랫폼에서 두 가지를 정하면, 아무리 동일 컨셉을 유지한다고 해도. 도메인도 다르고 외형적으로도 차이가 존재할 수밖에 없다. 하지만 이처럼 자동적으로 반응형 무료 웹사이트를 만들 수 있어 혼란을 초래하지 않는다. 이런 부분에 필자는 박수를 보내고 싶다.여기에 DB의 광활함, 원하는 대로 메뉴를 추가 삭제해 제목과 디자인을 정할 수 있다는 점은 마치 바이킹 같다. 여러분들이 먹고 싶은 것만 골라서 예쁘게 담으면 되니까 필자도 이제 Web Designer로 거듭났다. 여러분이라고 못 할 것은 없다.​​​​​​​

>

>

여러분에게 어울리는 아이디어가 떠오르지 않는다면? 기본적으로 뛰어난 소재가 충분히 제공되지만 결국 이를 융화시키는 것은 디자이너의 몫이다. 다만 우리처럼 일반인에게 걸출한 홈페이지를 만드는 일은 결코 쉽지 않다. 그러나 여기서 예제를 참고하면 된다. 이처럼 각자의 개성을 담은 모든 것은 오로지 IMWEB로 제작한 것이다. 처음부터 입지를 다지니 구상만 있으면 한국도 못할 게 없다.​

>

아임웹에는 많은 것이 있는 무엇을 선택해야 할지 모르지만 필자가 훌륭한 모습으로 생각하는 페이지를 보여드리고 싶다. 여러분도 이렇게 참고해서 작업을 한다면 긍정적으로 가능할 것이다. 개인적으로 BLOG 느낌으로 생성된 형태가 멋있어 보인다.실제로 과거에는 프레임이 좌우로 나뉘는 경우가 많다. 메뉴가 왼쪽에 존재하고 오른쪽 페이지가 고정 형태로 돼 있는 유형이 대부분이었지만 오히려 요즘은 위쪽에 메뉴가 있는 경우가 많다. 자연스럽게 폭 면적이 크기 때문에 텍스트나 고화질 이미지 삽입이 더욱 유용해졌다. 이 페이지와 같이 ネイル네일 타입으로 해 두어도 꽤 매력적으로 다가올 것 같다. 물론 다른 것도 있다.​

이렇게 직접 눈으로 감상해 보라. 우리도 이런 전문적인 감각을 느낄 수 있는 것을 만들 수 있다는 점에서 더 이상 업체가 금전적인 비용을 지불하지 않고 스스로 해결할 수 있게 됐다. 자신이 없는 분들도 직접 올리는 사진 몇 장과 예제만 참고하면 되기 때문에 전혀 무리가 아니다. 심지어 필자도 메이킹할 정도지만 여러분은 더 잘할 것이라고 확신한다.​

>

만약 로고나 브랜드 상징물 등을 보고 싶다면 의뢰도 할 수 있다. 이 부분은 별도 비용이 청구될 것으로 보이지만 견적 자체는 다른 업체와 비교하면 훨씬 저렴했다. 다른 사람의 견적에 따라 제작한 결과를 보면 상당한 수준이다. 필자는 BLOG가 주력 플랫폼인데 홈페이지를 위해 하나쯤 제작할까 고민스러울 정도다.​

>

더 광대한 플랫폼과 용량을 사용하기 위해서는 다양한 모델을 선택할 수도 있다. 매우 라이트로 쓴다면 베이직으로도 가능하다. 실제로 베이직 버전에서도 5쪽의 공간, 그리고 500MB의 저장 용량과 트래픽을 주고 있다. 이 정도면 전문적으로 피드백이 심한 쇼핑몰이 아닌 이상 실질적으로 큰 무리가 없을 정도다.다만 사업체를 운영하거나 수익 창출을 목적으로 마케팅에 큰 공을 들인다면 프로나 글로벌 라인업에 가도 장점이 있다. 실제로 보통 외주 업체에 맡기면 100장 안팎의 돈이 들어 매월 관리 비용까지 지불해야 한다. 하지만 이 부분에서 진행하면 훨씬 절약된다. 그렇다고 퀄리티가 부족한 것이 아니라 오히려 여러분이 직접 제작하기 때문에 보다 직감적으로 표현하고 싶은 방식대로 결정할 수 있는 이점이 있다.​

굳이 더 말할 필요가 있을까. 그럼 직접 누리기 바란다. 필자의 긴 포스팅을 읽어주셔서 진심으로 감사드립니다. 여러분들께 오랜만에 유용한 방법을 제시를 해드린 것 같아서 개인적으로 기쁜 시간이었다. 외부에 맡기고 전전긍긍하면서 부족한 결과물을 비싼 값에 받지 말고 직접 해보는 것도 좋지 않을까. 어차피 직접 해보고 힘들면 그때 다시 맡기면 되기 때문이다. 그때까지 어떤 비용도 들지 않으니 해 봐! 혹시 포스팅 내용을 보고 잘못된 내용이 있거나, 더 알아볼 것이 있으면 하단에 있는 코멘트란에 질문을 올리면 된다. 필자는언제든지여러분과교감할준비가되어있으니까요. 또한 이번 필드 테스트는 물론 혁신적인 콘텐츠 발굴도 진행하고 있으니 다음 번에도 방문하기 바란다. 즐거운 날이 되길 바라며 필자는 이만 글을 줄인다.​​

>

.
일교차가 10도 이상 벌어지는 환절기에 접어들었다. GC녹십자엠에스가 현장진단(POCT, Point of Care Testing) 제품부터 코로나19 진단키트까지 유럽시장 공략에 나섰다. 미국 질병통제예방센터(CDC)가 환기가 잘 안 되는 실내 등 이례적인 환경에서 코로나19가 공기를 통해 감염될 수 있다고 공식 인정했다. 한 해 불면증으로 병원에서 진료를 받는 사람이 60만 명에 달하는 것으로 나타났다. 과거 생리대 발암물질 검출로 소비자들의 불안감은 여전하다.