믿을 수 있는 당신의 든든한 병원마케팅 파트너, 친절한 하룹 하룹의 실시간 리얼 스토리가 궁금하시다면

HAROOP Story

유명 한의원 홈페이지, 메인 퀄리티 높인 작업요청 진행, 다른곳에 견적, 절반비용으로 고퀄리티 구축 완료

작성자
Haroop
작성일
2022-04-12 22:33
조회
407

안녕하세요 하룹 개발팀입니다.

최근에 유명 한의원에서 연락이오셔서 메인을 슬라이드로 더욱 세련되게 바꾸고 싶다고 하셨습니다.
저희는 저희가 개발한 홈페이지에 수정개발요청이 언제나 1순위이기에, 적극적으로 개발의지를 보이진 않았으나
다른 원장님께 하룹 개발팀 실력 듣고 연락을 했다고 말씀하셔서, 개발해야할게 쌓여있지만,,, 좀 더 자세히 경청을 하였습니다.

쉽게 말해서 요청사항은 간단했습니다.
1.현재 단순 이미지로 구성된 메인 상단을, 슬라이드로 바꾸고 싶음
2.단순히 슬라이드 이미지를 넘기는게 아닌, 하나하나 구성해서 좀 더 퀄리티가 우수한 그런 홈페이지(애플같은 그런 기능과 느낌)

애플같은 홈페이지에 느낌이란게 어떤느낌이며 어떠한 개발방식을 택해야하는지 알았기에
우선은 원장님께 굳이 그렇게까지 화려하게 개발사항을 추가 할 필요가 있냐고 설득하였으나 너무 원하셨기에...
저희는 개발에 착수하였습니다.

사실상 이런느낌에 사이트들은 실력있는 개발자들에게는, 어렵다기보다 노가다라고 해야할까요.
단순히 제이쿼리와 자바스크립트에 time설정뿐 아니라, css에 canvas로 결국 일일히 계속 맞춰주는것도 필요하며,
스크롤 위치에 따른 이미지 경로를 반환하는 함수도 짜야합니다.

예를들어 이런방식이죠.
const currentFrame = index => ( `https://haroop.com/wp-content/uploads/files/images.png/${index.toString().padStart(4, '0')}.jpg` )

즉 스크롤을 내림에 따라 각 요소들과 이미지들이 변경되거나 추가되거나 수정되거나 하게끔 처리하는건데, 이런 방식에 관심이 있으시고, 익숙하지 않으신분이라면 Lottie라이브러리를 이용하시면 개인적으로 Lottie라이브러리가 그나마 역동적으로 애니메이션을 구축하고 싶을때 개발하기 가장 쉬운거같고, 권장할만 한거 같습니다. 오픈소스 애니메이션으로 개발되어졌으며, 코딩 초보수준이라 할지라도 어렵지않게 충분히 적용하실 수 있으나 어도비 프로그램들도 조금은 다룰수있어야 합니다. (특히 애프터 이펙트)

이런 비슷한 작업을 할때마다 가끔씩 느끼는건, 어떤면에서는
점점 개발자와 기획자와 마케터와 디자이너의 경계가 점점 흐려지는거 같기도 하네요.
https://airbnb.design/lottie/

노다가의 시간이 엄청 났지만 결국 lottie를 이용하여, 매우 역동적으로 화려한 메인을 구성해드렸고, 타업체 대비 매우 저렴한 비용으로 매우 우수하게 메인을 완성시켜드렸습니다.

만약 병원홈페이지제작을 고려하신다면, 하룹에서 진행하시는것을 적극 권장드리며, 기존에 있으시다면 하룹에서 리뉴얼을 권장드립니다. 왜냐면 사실상 이 홈페이지 역시 저희가 개발한 홈페이지였다면, 추가개발 비용이 이보다도 훨씬 더 저렴하게 그리고 이보다도 더 빠르게 개발이 가능했을것입니다.

병원홈페이지제작이나 리뉴얼 또는 유지보수를 생각하신다면 언제든 문의하기에 문의를 남겨주시면
저희 개발팀에서 상세한 상담을 도와드릴 수 있도록 하겠습니다.