위시웹 > / 홈페이지제작

반응형웹은 제작 비용이 높은가요?

반응형웹은 해상도(화면 크기)에 따라 레이아웃이 자동 변형됩니다. 즉, 점/선/면, 이미지, 위치, 글자 크기, 간격 등 모든 요소가 화면 크기에 반응하여 자동으로 변형되는 웹사이트입니다.
반응형웹을 제작하려면 화면 해상도를 바꿔가며 페이지 내부의 모든 요소들을 화면 크기마다 각각 가장 보기 좋은 형태의 디자인과 코딩을 일일이 변경해야 하기 때문에 일반 웹사이트 제작에 비해 작업 시간이 훨씬 많이 소요되어 제작 단가가 높습니다.

반응형웹이 저렴한 곳도 있던데 문제가 있지는 않나요?

(저가 반응형웹의 문제점)

반응형웹이 제작하기 까다로운 이유는 화면 크기에 따라 각각 가장 보기 좋은 스타일로 변경해주어야 하기 때문입니다.
그런데 몇몇 업체에서는 가격을 낮추기 위해 (=제작 기간을 줄이기 위해) 화면 크기에 맞게 스타일을 바꾸지 않고 PC 화면 그대로 출력되게 하는 무성의한 방식으로 제작하기도 합니다.

폰트 크기만 보더라도, PC에서 보기 좋은 크기와 모바일에서 보기 좋은 크기가 다르기때문에 각각 크기를 다르게 지정해주어야 하는데 제작 기간을 줄이기 위해 이러한 작업을 생략하여 모바일에서 폰트가 너무 크거나 작게 보이는 것입니다.
그리고 복잡한 표나 이미지를 모바일 화면에 맞게 재편집하지 않고 PC 화면 그대로 사용하면 표는 찌그러지고 인포그래픽은 글자가 너무 작아져 제대로 보이지 않습니다.
그밖에 인터넷 창을 줄였을 때, 하단에 스크롤바가 생긴다면 그 해상도의 기기에서는 화면이 잘려서 나온다는 것을 의미합니다.

반응형웹의 가장 큰 장점은 모든 기기에서 최적화된 화면으로 출력된다는 점인데, 반응형웹의 장점을 전혀 살리지 않은 무성의한 제작 방식으로 까다로운 반응형웹의 제작 소요 시간을 줄여 가격을 낮춘 것이기 때문에 이런 결과물은 반응형웹으로 제작하는 것이 의미가 없습니다.

어떤 웹사이트가 반응형웹인지, 그리고 잘 만든 반응형웹인지는 어떻게 확인하나요?

한마디로 요약하자면, PC에서 인터넷 창을 옆으로 줄이면서 볼 때 웹사이트의 화면 구성이 바뀌면 반응형웹이며,
어떤 창 크기에서도 화면에 맞게 예쁘게 잘 바뀐다면 잘 만든 반응형웹입니다. 즉, 기기별 최적화를 위해 세심하게 제작했다는 것을 의미합니다.

먼저 PC에서 인터넷을 접속하여 웹사이트를 확인해보세요.
반응형웹은 어떤 해상도에서도 화면이 잘리지 않고 화면 크기에 최적화되어 출력되는 것을 목적으로 제작하기 때문에, 인터넷 창을 줄였을 때 하단에 스크롤바가 생기지 않고 내용이 화면에 맞게 재구성됩니다. 만일, 창을 줄이는 중간에 잠깐이라도 스크롤바가 생기는 부분이 있다면 완성도가 떨어지는 반응형웹입니다.
넷북이나 태블릿 등 중간 단계의 해상도를 가진 기기들도 다양하고 또 새로운 해상도의 기기가 계속 출시되고 있기 때문에 절대 스크롤바가 생겨서는 안 됩니다.

그리고, 완성도가 높은 반응형웹은 모든 해상도에서 최적화된 크기와 디자인으로 제작합니다.
인터넷 창을 모바일 화면 정도로 많이 줄였을 때 폰트 크기가 줄어들지 않는다면 모바일에서 너무 크게 보이기 때문에 보기 좋지 않습니다.
복잡한 표나 이미지의 경우 모바일에서는 구성을 재편집하여 작은 화면에서도 잘 보이도록 세심하게 제작해야 하는데, 그렇지 않고 넓은 형태의 표를 그대로 사용하여 모바일에서 찌그러져 나온다거나 인포그래픽 내부의 텍스트는 글자가 너무 작아져 가독성이 떨어집니다.

즉, 기기별로 너무 크게 보이는 부분은 알맞게 줄여야 하고, 너무 작게 보이는 부분은 알맞게 키워야 하는데 이러한 세심한 작업을 거치지 않고 가격만 낮추는 업체가 많습니다.

위시웹의 반응형웹은 다릅니다

모든 화면 크기에 맞게 최적화 작업이 진행되니까요

위와같은 내용에서 인터넷 창을 줄였을 때

반응형웹이 아님
저가형 반응형웹
위시웹의 반응형웹

위시웹이 저가형 반응형웹에 비해 완성도가 높다면 제작 비용도 높은가요?

저희 위시웹은 가격을 낮추기 위해 무성의하고 완성도가 떨어지는 결과물로 꼼수를 부리는 것은 올바르지 않다고 판단하였습니다.
위시웹은 타 업체들보다 훨씬 이른 시기에 반응형웹을 처음 도입하여 수많은 반응형웹 프로젝트를 수행한 경험을 바탕으로 까다롭고 시간이 많이 소요되는 부분들을 보다 쉽고 빠르게 제작할 수 있는 방법을 끊임없이 연구하고 개발하여 현재 반응형웹 코딩과 디자인 등에서 자동화할 수 있은 모든 부분들을 자동화하여 가격을 많이 낮추게 되었습니다.
해상도마다 각각 별도의 스타일 작업을 자체 개발한 반응형웹 에디터를 통해 보다 간편하게 입력할 수 있어 제작 기간을 단축하였고 그만큼 단가를 낮출 수 있게 되었습니다.

위시웹은 각분야의 경력 10년 이상인 기획자와 디자이너, 개발자를 보유하여 완성도 있는 결과물을 제작할 수 있는 전문 인력 시스템을 갖추었습니다.
타사처럼 낮은 품질과 획일화된 업종별 템플릿을 선택하는 방식이 아닌 위시웹 전문 디자이너가 제작한 고품질의 디자인 컨셉을 선택하여 컨설팅을 통해 맞춤 제작을 제공하는 방식으로 합리적이고 효율적인 프로세스를 제공하여 완성도 높은 반응형 웹사이트를 저렴하게 제작해 드리고 있습니다.

분류	저가형 에이전시	맞춤형 에이전시	위시웹
제작인력	프리랜서(1인회사) 또는 소규모 자체 인력으로 제작, 보통 경력이 적음	프로젝트마다 팀을 구성(자체 인력 + 파견직), 또는 하청	경력 10년 이상의 자체 인력만으로 제작
반응형웹 기술력	하	중~상 (구성된 팀의 실력에 따라 다름)	상
기기별 최적화	최적화 작업을 하지 않거나 무성의하게 작업, 또는 노하우 부족으로 완성도 떨어짐	최적화 작업을 장기간에 걸쳐 일일이 일반적인 수작업 방식으로 진행	최적화가 자동으로 진행됨, 자동화가 힘든 부분도 자체 개발한 에디터를 통해 간편하게 처리
제작비용	저가	고가	저가

WHY WISHWEB

다른 곳에서는 볼 수 없는 위시웹만의 특별함

반응형코딩
자동화

번거롭고 까다로운 반응형웹 코딩을 자동화하여 제작 기간을 단축합니다.
기기별
최적화

반응형웹 전문가팀의 PC, 태블릿, 모바일 등 기기별 최적화를 제공합니다.
디자인컨셉
선택

템플릿이 아닌 디자인 컨셉을 선택하여 고객 맞춤 제작이 가능합니다.

디자인 컨셉 선택은 무엇인가요?

위시웹 디자인은 타사의 템플릿 방식이 문제가 많다는 점을 보완하여 자체 제작한 샘플 디자인입니다.

일반적으로 템플릿 서비스를 제공하는 이유는 가격을 낮추기 위한 목적으로 미리 제작해 놓은 샘플 사이트를 이용하여 제작 기간을 단축하는 것인데, 특정 업종의 디자인을 선택한 후 이미지와 레이아웃 등이 한가지로 고정된 상태에서 클라이언트의 내용을 끼워맞추기 방식으로 제작하기 때문에 색상이나 이미지의 부조화, 관련성 없는 사진이나 그림, 중요한 부분이 강조되지 않거나 반대로 중요하지 않은 부분이 강조되기도 하며, 번잡하고 일관성 없는 디자인 등 결과물의 완성도가 매우 떨어집니다.
그리고 하나의 디자인으로 계속 찍어내는 방식이기 때문에 클라이언트 회사만의 특별함이나 아이덴티티가 없는 평범한 웹사이트가 됩니다.
그래서 최근에는 이러한 문제점이 많이 알려져 대부분의 고객분들이 템플릿 방식을 기피하고 있습니다.

하지만 위시웹의 디자인 선택형은 이런 문제점을 보완하여 컬러, 이미지, 레이아웃 등 모든 요소를 쉽게 변경할 수 있도록 설계하였고, 모던 / 럭셔리 / 소프트 등 컨셉에 따라 다양한 디자인 스타일 중에서 선택한 후 클라이언트의 사업 내용에 맞는 디자인으로 커스터마이징(맞춤제작)하는 방식으로 보다 합리적이며 효율적인 프로세스를 제공하여 결과물의 완성도는 높이고 가격은 낮추었습니다.
특히, 프리미엄 디자인은 메인페이지에 동영상을 삽입하여 훨씬 더 고급스러운 느낌을 줍니다.