서브 상단 레이아웃

반응형웹이 첫번째 메뉴인 이유는
반응형웹에 대한 자신감입니다

반응형웹반응형웹의 개요와 위시웹의 경쟁력을 설명드립니다

RESPONSIVE WEB

컨텐츠 영역

반응형웹에 대한 기본 질문

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

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

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

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

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

더보기

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

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

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

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

위시웹의 반응형웹

위시웹의 반응형웹

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

한마디로 요약하자면, PC에서 인터넷 창을 줄여가며 볼 때 웹사이트의 화면 구성이 바뀌면 반응형웹이며,
어떤 창 크기에서도 화면에 맞게 예쁘게 잘 바뀐다면 잘 만든 반응형웹입니다.

더보기

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

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

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

위시웹은 타사의 저가형 반응형웹에 비해 완성도나 가격은 어떤가요?

저희 위시웹은 가격을 낮추기 위해 무성의하고 완성도가 떨어지는 결과물로 꼼수를 부리는 것은 올바르지 않다고 판단하였습니다.
그래서 지난 수년간 완성도가 높은 반응형웹을 제작하는데 있어 까다롭고 시간이 많이 소요되는 부분들을 보다 쉽고 빠르게 제작할 수 있는 방법을 끊임없이 연구하고 개발하여 현재 반응형웹 코딩과 디자인 등 자동화할 수 있은 모든 부분들을 자동화하여 가격을 낮추게 되었습니다.

해상도마다 각각 별도의 스타일 작업을 자체 개발한 반응형웹 에디터를 통해 보다 간편하게 입력할 수 있어 제작 기간을 단축하였고 그만큼 비용을 낮출 수 있게 되었습니다.

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

위시웹의 특별함

WHY WISHWEB

다른 곳에서는 볼 수 없는 위시웹만의 특별함
  • 반응형코딩
    자동화

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

  • 기기별
    최적화

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

  • 디자인컨셉
    선택

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

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

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

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

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

위시 디자인 슬라이드

WISH RESPONSIVE WEBDESIGN

MODERN S1

WISH RESPONSIVE WEBDESIGN

MODERN S2

WISH RESPONSIVE WEBDESIGN

MODERN S3

WISH RESPONSIVE WEBDESIGN

MODERN P1

WISH RESPONSIVE WEBDESIGN

MODERN P2

WISH RESPONSIVE WEBDESIGN

LUXURY S1

WISH RESPONSIVE WEBDESIGN

LUXURY P1

WISH RESPONSIVE WEBDESIGN

SOFT S1

위시 디자인 보기   맞춤제작 안내