제대로 만드는 웹 개발

처음부터 제대로 만들기

저렴한 웹사이트의 유혹은 이해가 갑니다 — 프리랜서 마켓플레이스에서 $250에 의뢰하거나 전문 개발자가 아닌 사람에게 맡기는 경우 말입니다. 그러나 그 결과물은 장기적으로 가치 있는 투자가 되는 경우가 거의 없습니다.

6개월이 지나면, 부실하게 만들어진 웹사이트는 일반적으로 잠재 고객을 전혀 유치하지 못하며, 신뢰감이 떨어지고, 로딩이 느리며, 업데이트가 어렵습니다. 사소한 변경 하나도 유지보수할 수 있는 사람이 없기 때문에 몇 주짜리 프로젝트가 되어 버립니다.

저렴한 선택이 실제로는 거의 항상 가장 비싼 선택으로 드러납니다. 잘못된 것을 고치는 비용이 처음부터 제대로 만드는 비용보다 많이 들며, 더 큰 손실은 부실한 사이트에 도달해 신뢰를 잃고 경쟁사를 선택하는 고객들에게서 발생하는 매출 손실입니다. 저희는 웹사이트에서 몇 백 달러를 아끼려다 매출에서 수천 달러를 잃는 사업체들을 목격해 왔습니다.

그렇기 때문에 저희의 프로세스는 처음부터 품질을 제공하도록 설계되어 있습니다.

저희가 웹사이트를 만드는 방식

저희가 제공해 드리는 모든 웹사이트는 HTML, CSS, JavaScript로 만들어집니다 — 현대의 모든 웹사이트가 사용하는 세 가지 기본 웹 기술입니다. 페이지 빌더 플랫폼도 결국에는 이 세 가지 언어로 컴파일됩니다. 차이점은 저희가 모든 웹사이트의 각 코드 한 줄을 사내에서 직접 손으로 작성한다는 것입니다.

비유는 간단합니다. 경험 많은 건축업자가 맞춤 제작한 집은 일반 템플릿으로 조립한 집보다 더 오래가고 더 좋은 성능을 보입니다. 웹사이트도 마찬가지입니다. Google PageSpeed Insights를 사용해 현재의 어떤 웹사이트라도 저희 것과 비교해 보십시오. 성능을 전문으로 하는 개발자가 만든 사이트가 아닌 한, 결과는 매우 분명할 것입니다.

물론, 모든 사업체가 맞춤 코딩된 사이트를 유지할 기술적 역량을 갖춘 것은 아닙니다. 그렇기 때문에 저희의 월간 구독에는 디자인, 개발과 함께 무제한 수정이 포함되어 있어, 사이트가 런칭 후에도 오랫동안 전문가의 손길 안에 있도록 보장해 드립니다.

무제한 수정 자세히 보기

속도가 중요한 이유

저희의 개발 방식은 한 가지 핵심 목표를 중심으로 합니다. 빠르게 로딩되는 웹사이트를 제공해 드리는 것입니다. 웹사이트는 인터넷을 통해 방문자에게 전달되는 파일들의 모음입니다. 그 파일들이 더 작고 효율적일수록 경험이 더 빨라집니다. 저희가 만드는 페이지는 대부분 2,000~3,000줄의 코드로 구성되며, 경쟁 플랫폼의 12,000줄 이상과 비교됩니다. 저희가 제거하는 모든 코드 한 줄은 측정 가능한 수준의 로딩 시간 단축으로 이어집니다. 또한 모든 이미지와 아이콘을 크기 조정, 압축, 최적화하며, 결과물을 글로벌 네트워크에 호스팅하여 방문자와 가장 가까운 서버에서 콘텐츠가 전달되도록 합니다.

로딩해야 할 코드가 적을수록 경험이 빨라집니다. 절약된 1KB 한 단위는 고객이 기다리지 않게 되는 또 다른 짧은 순간입니다. 로딩 시간이 2초만 지연되어도 이탈률이 최대 87%에 달할 수 있습니다. 방문자의 인내심은 계속 줄어들고 있으며, 모든 작은 우위 하나하나가 중요합니다.

더 빠른 사이트 받기

PageSpeed 점수 보장

많은 에이전시들은 약속을 뒷받침할 어떠한 보장 없이 빠른 웹사이트를 약속합니다. 저희는 측정 가능한 기준을 세웁니다. 저희가 제공해 드리는 모든 웹사이트는 Google PageSpeed Insights의 네 가지 지표 모두에서 95~100점을 받는 것을 보장합니다. 이 보장은 저희의 계약서에 명시되어 있습니다.

Google은 웹사이트의 속도를 순위 결정 요소로 사용합니다. 도메인 권한이 비슷한 두 경쟁 사이트가 있을 때, 더 빠른 사이트가 일관되게 우선시됩니다.

점수 보장 받기

탁월한 웹사이트 보안

많은 웹사이트들이 보안에 취약합니다. 웹사이트는 39초마다 한 번씩 공격을 받습니다. 대부분의 사이트는 데이터베이스, 플러그인, 여러 계층의 코드로 구성되며, 각각이 잠재적인 취약점입니다.

모든 플러그인은 잠재적인 침입 경로이며, 모든 데이터베이스 연결은 가능한 익스플로잇이고, 모든 일상적인 업데이트가 위험을 초래할 수 있습니다. 대부분의 공격은 자동화되어 있어, 봇이 알려진 플러그인이나 패치되지 않은 기술을 사용하는 사이트를 인터넷에서 지속적으로 스캔합니다. 대부분의 소규모 사업체에는 백엔드가 불필요합니다 — 잘 정리된 텍스트와 이미지로 구성된 사이트를 명확한 디자인으로 제시하는 것으로 충분합니다. 이 모든 것은 정적 웹사이트로 제공해 드릴 수 있습니다.

정적 웹사이트에는 침해될 데이터베이스가 없고, 악용될 플러그인도 없으며, 공격자에게 노출되는 관리자 패널도 없습니다. 그 결과 더 안전한 플랫폼이 되며, 고객님께서 지속적으로 관리하실 부담도 줄어듭니다.

호스팅 및 도메인

웹사이트 접근성

미국에는 장애를 가지고 살아가는 성인이 6,100만 명 이상 있으며, 그 중 많은 분들이 온라인 콘텐츠에 접근하는 데 어려움을 겪고 있습니다. 현재 인터넷에서 접근성 기준을 충족하는 사이트는 단 5.2%에 불과하므로, 접근 가능한 웹사이트는 윤리적이자 법적인 우선순위입니다.

접근성이 없는 사이트의 법적 위험

접근 불가능한 웹사이트는 사업체를 법적 위험에 노출시킬 수 있습니다. 접근성 관련 법규는 전 세계적으로 계속 확대되고 있습니다.

• 미국: 미국장애인법(ADA)은 접근 불가능한 웹사이트를 가진 사업체를 상대로 한 수천 건의 소송의 근거가 되어 왔습니다. 이러한 소송의 법적 비용은 처음부터 접근 가능한 사이트를 만드는 비용을 일상적으로 초과합니다.
• 유럽연합: EU 고객을 응대하는 모든 사업체는 WCAG 2.1 표준 준수를 포함한 유럽 접근성법(European Accessibility Act)을 따라야 합니다.
• 영국: 2010년 평등법(Equality Act)은 웹사이트와 모바일 앱이 인지 가능하고, 작동 가능하며, 이해 가능하고, 견고할 것을 요구하며, 특히 공공 부문에 대한 강조가 큽니다.
• 호주: 1992년 장애 차별법(Disability Discrimination Act)은 일반에 공개된 웹사이트가 접근 가능할 것을 요구합니다.
• 아르헨티나: 법률 26,653호는 공공 및 민간 웹사이트 모두가 접근성 표준을 충족할 것을 요구합니다.

사이트를 접근 가능하게 만드는 방법

• 이미지에 대체 텍스트를 추가하여 스크린 리더가 시각 장애인이나 저시력 방문자에게 콘텐츠를 전달할 수 있도록 하십시오.
• 텍스트 콘텐츠가 없는 링크와 버튼에 ARIA 라벨을 추가하십시오. 예를 들어, 카트 아이콘은 라벨이 없으면 스크린 리더에 아무런 의미를 전달하지 못합니다.
• 색맹 사용자를 위해 색상 조합이 충분한 대비를 제공하도록 하십시오.
• 의미론적인 제목 레벨(H1, H2, H3 등)을 사용하여 스크린 리더가 페이지의 계층 구조를 올바르게 해석할 수 있도록 하십시오.
• 키보드만으로도 사이트를 탐색할 수 있도록 메뉴 구조를 따르는 논리적인 탭 순서를 유지하십시오.
• 사이트 내 사용자의 위치를 반영하는 breadcrumb 탐색을 포함하십시오.
• 스타일(굵게, 색상)을 사용하여 강조를 전달하는 텍스트의 경우, 의미가 보조 기술에도 명확히 전달되도록 하십시오.

접근 가능한 사이트 받기