I (Anna)는 2010년부터 저희 웹사이트를 관리해 왔는데, 몇 년 전 친구가 Martin을 위해 구축한 Java/플래시 웹사이트에 시간을 투자한 것이 계기가 되었습니다. 보기에는 괜찮아 보였지만 제대로 작동하지 않았고, 결함이 많았으며, 이미지 로딩 속도가 지옥처럼 느렸고, 무엇보다도 업데이트를 개발자에게 의존해야 했습니다. 이것이 첫 번째 Martin Swan Violins 웹사이트의 모습입니다(온라인에서는 시간이 더 빨리 흐르기 때문에 1970년대 패션 사진을 보는 것과 비슷합니다...).

2007년경 MSV 웹사이트

저는 코더는 아니지만 1990년대 중반에 웹사이트 개발에 처음 참여했고 웹 디자인의 기본 원칙을 이해하고 있습니다. 저는 웹사이트의 두 번째 버전을 디자인한 개발자와 긴밀히 협력하여 새로운 상품 판매 목록과 같은 일상적인 업데이트를 수행할 수 있도록 설정하는 것을 최우선 과제로 삼았습니다. 이 시기는 사용자 친화적인 콘텐츠 관리 시스템의 초창기였기 때문에 워드프레스 사이트였지만 '일상적인' 업데이트 중 일부는 드림위버라는 무서운 Adobe 프로그램에서 코드 기반 편집을 해야 했습니다.

악기와 활에 대한 설명의 흐름을 방해하지 않으면서 검색 엔진에 도움이 되는 키워드를 통합하기 위해 SEO(검색 엔진 최적화)에 많은 노력을 기울였습니다. 또한 주로 구글과 페이스북을 통해 클릭당 과금 광고를 진행하여 웹사이트에 추가 트래픽을 유도했습니다. 유료 광고는 웹사이트의 가시성을 높이는 데 도움이 되었지만 몇 년이 지나자 더 이상 필요하지 않다는 것을 알게 되었습니다. 2013년의 웹사이트는 다음과 같은 모습이었죠:

MSV 웹사이트 2013

2014년에 마침내 빠르고 안정적이며 안전한 호스팅 서비스를 제공할 수 있는 호스팅 업체를 찾았습니다. 세 곳의 호스팅 업체와 수년간 문제를 겪은 후 큰 진전을 이룬 것이죠. 2015년에 저희 웹사이트가 모바일용으로 설계되지 않았음에도 불구하고 상당수의 사람들이 휴대폰으로 웹사이트를 검색하고 있다는 사실을 깨닫고, 반응형 레이아웃을 만들기 위해 대대적인 업그레이드를 단행했습니다. 이 작업은 Google이 모바일 우선 색인화를 구현하기 3년 전이었습니다. 이러한 변화로 인해 2019년에는 모바일 웹사이트 방문자 수가 데스크톱 방문자 수를 추월했습니다. 그 과정에서 새로운 사진으로 사이트의 시각적 디자인을 새롭게 단장했고, Martin은 로고가 된 백조를 스케치했습니다.

2017년경 MSV 웹사이트

새로운 사진에도 불구하고 웹사이트의 기본 구조와 시각적 레이아웃은 모두 시대에 뒤떨어진 느낌이 들기 시작했습니다. 또한 악기 사진을 표시하는 갤러리를 오픈 소스 소프트웨어에 의존하고 있었는데, 이 'Floatbox' 소프트웨어의 개발자가 지원을 중단했기 때문에 취약한 상태였습니다. 웹사이트를 전면 개편해야 한다는 것을 알고 있었지만 함께 일하던 개발자가 포르투갈로 유르트 생활을 하러 갔고, 집에서 만든 수력 발전기 때문에 인터넷 연결이 불안정했습니다. 다른 업체를 찾아야 했지만 비용이 많이 드는 막다른 골목으로 올라가느라 시간을 낭비했습니다. 심지어 한 업체는 웹사이트 백엔드의 비밀번호를 알려줬다는 이유로 우리가 계약을 맺은 것으로 간주하기도 했습니다... 견적을 준비하기 위해 접근 권한을 요청했다고 생각했지만, 더 이상 함께 일할 수 없다고 판단했을 때 퇴직금을 지급하지 않으면 법적 조치를 취하겠다고 협박했습니다! 그들의 사무실은 인조 잔디, 빈백 워크스테이션, 환상적인 테마의 회의실로 이루어진 디스토피아적인 악몽과도 같았습니다. 그들과의 대결은 영화 세트용 폴리스티렌으로 만든 술집 문이 달린 와일드 웨스트 오두막에서 이루어졌습니다. 눈앞에서 강도를 당했지만 아무도 콜트 45를 꺼내지 않아서 다행이라고 생각했습니다.

이 경험을 통해 우리는 고객을 그 누구보다 잘 알고 있다는 사실을 깨달았고, 2019년 어느 날 바로 앉아서 새 웹사이트의 논리적 구조와 그래픽 디자인을 계획하기 시작했습니다. 그리고 제 디자인을 구현할 수 있는 현지 개발자를 찾았습니다. Jon은 집에서 재택근무를 하는데, 저는 그가 정원 아래 진짜 잔디밭이 내려다보이는 진짜 오두막에서 일하는 모습을 상상합니다. 그는 우리가 필요로 하는 기술력을 갖추고 있었고, 웹사이트의 모든 측면을 세세하게 관리할 수 있을 것 같았습니다... 그는 우리를 위해 맞춤형 WordPress 테마를 작성하고 악기와 활의 이미지를 표시하는 시스템을 완전히 점검했습니다. 2019년 말에는 새 웹사이트의 사진 촬영을 위해 애비뉴 하우스에 의뢰하여 딸 매기를 포인팅 모델로 섭외했습니다. 마틴은 코로나 봉쇄 기간 동안 모든 사진을 다시 촬영했고, 저는 모든 워드프레스 '게시물'을 새로운 형식으로 수작업으로 다시 작성하여 2020년 5월에 현재 버전의 웹사이트를 출시했습니다.

MSV 웹사이트 반응형

올해 구글 애널리틱스가 대대적으로 업데이트되어 데이터가 약간 다른 방식으로 수집되고 있기 때문에 과거 통계를 살펴봤습니다. 아래 그래프는 지난 10년간의 '유기적' 트래픽, 즉 광고를 클릭하거나 소셜 미디어의 링크를 따라가거나 컴퓨터에 저장된 탭을 사용하지 않고 검색을 통해 사이트를 찾은 사람들의 방문을 보여줍니다. 그래프의 기준은 0이며, 상승 추세는 매우 만족스러운 수준입니다. 심지어 Covid도 이 수치를 크게 떨어뜨리지 못했습니다.

MSV 유기적 웹사이트 트래픽

저는 여전히 UX(사용자 경험)와 웹사이트 보안에 집중하고 있습니다. 여러분에게 보이는 웹사이트의 이면에서는 구글이 깨끗한 사이트를 '주목'하기 때문에 순위를 올리는 한 가지 방법이라고 생각하며 철저하게 운영하려고 노력합니다. 링크가 끊어지면 즉시 수정하고, 웹사이트가 다운된 적은 런던의 기온이 섭씨 40도에 달해 웹사이트를 호스팅하는 서버가 녹아내렸던 2022년 7월의 폭염 때뿐이었습니다.

웹사이트는 결코 '완성'되지 않으며, 2023년에 일부 언어에 대한 자동 기계 학습 번역을 도입했습니다(또한 Martin이 확인하고 승인한 프랑스어 인증서의 PDF 영어 번역본도 제공합니다). 그러나 다른 많은 웹사이트와 달리 저희는 AI를 사용하여 텍스트를 작성하지 않으며, Martin과 제가 사이트에 표시되는 모든 내용의 영어 버전을 작성합니다.

피드백을 환영합니다! 웹사이트의 문제점을 발견하거나 개선할 점에 대한 제안이 있으면 이메일(anna@martinswanviolins.com)로 보내주세요.

작성자: 안나 애쉬몰, 2023년 12월 12일