← 목록으로 돌아가기

어금니 꽉! RX SOFT가 치과 웹사이트의 판을 뒤집은 유쾌한 고군분투기 (feat. 하*플란트 저리가라 하는 디자인 감성)

2026년 10월 24일 👀 37
#Project#Behind#AI_Generated
Blog Image
안녕하세요, RX SOFT 디자인팀의 8년차 베테랑, 조수현 팀장입니다! 오랜만에 이렇게 커피 한 잔 앞에 두고 친구랑 수다 떨듯 편안한 분위기로 찾아왔네요. IT 전문가 블로그라고 늘 딱딱한 기술 이야기만 하는 건 지겹잖아요? 오늘은 저희 RX SOFT가 최근 마무리한 프로젝트 중, 꽤나 고군분투했지만 결과적으로 "이빨 꽉 깨물고 만들어서 치아 건강보다 더 개운하다!"는 평을 들었던, 바로 그 'Dental Website Templates 1' 프로젝트 이야기를 시원하게 풀어볼까 합니다. '치과 웹사이트? 뭐, 그냥 병원 홈페이지 만드는 거 아니야?'라고 생각하는 분들, 잠시만요! 저희 RX SOFT가 보기엔 단순한 병원 홈페이지가 아니었어요. 이건 환자분들의 첫인상을 좌우하고, 병원과의 신뢰를 쌓는 첫 단계이자, 나아가 병원의 지속적인 성장을 돕는 비즈니스 솔루션 그 자체였거든요. 특히 이번 프로젝트는 'haruplant.co.kr'에서 영감을 받은 세련된 디자인과 함께, 고객 친화적인 상담 예약 기능, 그리고 효율적인 고객 관리(CRM) 시스템까지, 이 모든 걸 한 땀 한 땀 장인의 정신으로 녹여낸 프로젝트였습니다. 한 마디로, 디자인과 기능 두 마리 토끼를 넘어, '환자 경험'이라는 세 마리 토끼까지 잡으려 했던, 꽤나 무모하지만 그래서 더 짜릿했던 여정이었죠. 이 프로젝트가 처음 저희 RX SOFT 문을 두드렸을 때, PM팀 이승민 본부장님께서 가져오신 초안은 늘 그렇듯 묘한 숙제를 던져주셨습니다. 클라이언트의 요구사항은 대략 이랬어요. "하*플란트처럼 정말 예쁘고 고급스럽게 해주세요! 그런데 우리 병원만의 개성이 확 살아야 하고, 환자들이 상담 예약하기 너무너무 편해야 해요. 아, 그리고 환자 관리 시스템도 완전 효율적으로 돌아가게 해주시면 좋겠습니다!" 음... '예쁘게', '개성 있게', '편하게', '효율적으로'. 개발 좀 해봤다는 분들은 다 아시죠? 이 네 단어가 합쳐지면 얼마나 고난이도의 미션이 되는지 말이죠. 여기서부터 기획팀 박범수 팀장님과 제가 가장 먼저 머리를 맞대고 클라이언트의 '속마음'을 읽기 시작했습니다. 단순한 '예쁨'을 넘어, '치과'라는 특수성에 맞는 신뢰감과 따뜻함을 동시에 담아내야 했고, '편의성'은 연령대가 다양한 환자분들 모두에게 통용되어야 했으니까요. '하*플란트'의 미니멀하고 세련된 감성을 가져오되, 너무 차갑거나 딱딱하지 않도록 균형을 잡는 것이 첫 번째 난관이었습니다. ui design concept ## 에피소드 1: '더 세련되게! 그런데 어머님 아버님들도 한눈에 보기 편하게!' 디자인의 기로에서 길을 찾다 저희 UI/UX본부 임정민 본부장님의 진두지휘 아래, 저희 디자인팀은 단순히 예쁜 그림을 그리는 것을 넘어 '사용자 경험' 자체를 혁신하는 데 집중했습니다. 기획팀 박범수 팀장님과 정말 긴밀하게 협력해서 20대부터 70대까지 다양한 페르소나를 만들었어요. 각 연령대의 환자분들이 어떤 정보를 원하고, 어떤 방식으로 웹사이트에 접근하는지, 심지어는 모바일로 볼 때 글자 크기는 어느 정도가 적당한지까지 세밀하게 분석했죠. 하*플란트의 미니멀하면서도 고급스러운 감성을 유지하면서도, 저희는 '치과'라는 공간의 특성을 살려야 했습니다. 폰트 크기, 라인 간격, 아이콘 디자인, 그리고 핵심 상담 예약 버튼의 배치와 색상을 정말 1mm 단위로 조절했어요. 특히 저희 클라이언트 중 한 분이 "더 세련되게! 그런데 어머님 아버님들도 한눈에 보기 편하게! 그리고 너무 딱딱하지 않게, 편안한 느낌이요!"라고 요구하셨을 때는, 저도 모르게 '세 마리 토끼'를 넘어 '다섯 마리 토끼'를 잡아야 하는 상황인가 싶어 순간 뇌정지가 왔더랬죠. 세련됨과 친근함, 명확성과 심미성 사이에서 균형을 잡는 일은 정말 어려운 숙제였습니다. 저희는 채도와 명도를 미묘하게 조절하고, 과도한 일러스트 대신 미니멀한 아이콘과 부드러운 색감을 활용해 차가운 느낌 대신 따뜻하고 신뢰감 있는 분위기를 연출하는 데 주력했습니다. 특히, "어머님 아버님들도 편하게"라는 요구사항은 시니어 사용자를 위한 접근성 강화로 이어졌어요. 버튼의 클릭 영역을 넓히고, 주요 정보는 직관적인 배치와 충분한 대비를 주어 가독성을 높였습니다. 단순히 '예쁜' 디자인을 넘어, '모두에게 편안한' 디자인을 만드는 과정이었죠. 중간중간 시안을 여러 개 보여드리며 피드백을 받았는데, 한 클라이언트 분이 "어... 이건 좀 너무 시크한데요? 우리 병원은 조금 더 친근했으면 좋겠어요."라고 하셨을 때는, 정말이지 뇌가 멈추는 듯한 기분이었지만 (웃음), 저희는 '친근함'의 정의를 심도 있게 파고들었습니다. 단순히 '귀여운' 느낌이 아니라, '안심하고 진료받을 수 있는' 친근함이 중요하다는 것을 깨달았죠. 이 과정에서 RX SOFT가 자랑하는 '고객의 숨겨진 니즈까지 읽어내는' 노하우가 빛을 발했고, 결국 클라이언트도 고개를 끄덕일 만한 만족스러운 결과물을 만들 수 있었습니다. ## 에피소드 2: '상담 예약? 그게 그렇게 어렵다고요?' - 비동기 데이터 처리와 멘붕의 밤 디자인팀에서 피땀 흘려 만든 결과물이 프론트팀 류현광 팀장님과 백엔드팀 박재현 팀장님께 넘어갔을 때, 류현광 팀장님이 저를 보며 농담 반 진담 반으로 말씀하셨죠. "수현 팀장님, 디자인은 예술인데... 이걸 코드로 구현하려면... 밤샘 예약입니다!" 네, 맞아요. 진짜 '밤샘 예약'이 되어버린 사건이 있었죠. 가장 핵심 기능 중 하나인 '상담 예약' 시스템을 구현하는 과정에서 예상치 못한 복병을 만났습니다. 언뜻 보기에는 "클릭하면 예약되는" 간단한 기능 같지만, 실상은 병원의 실시간 진료 스케줄과 연동되고, 여러 직원이 동시에 예약 현황을 확인하고 수정하는 복잡한 시스템이었습니다. 특히 특정 시간대에 동시다발적인 예약 요청이 들어올 때마다 데이터베이스의 동시성 문제와 예약 충돌 문제가 불거졌어요. 처음에는 간헐적으로 발생하는 버그라 쉽게 잡힐 줄 알았죠. 하지만 예약 후 취소 시 해당 슬롯이 바로 업데이트되지 않거나, 다른 사용자가 이미 예약한 시간에 예약이 또 되는, 심지어는 특정 브라우저에서만 예약 오류가 발생하는 등 치명적인 오류들이 봇물 터지듯 터져 나왔습니다. 하루는 새벽 3시, 백엔드팀 박재현 팀장님, 프론트팀 류현광 팀장님, 그리고 저(조수현 팀장)까지 셋이서 사무실에 남아 '과연 이걸 해결할 수 있을까' 하는 생각에 잠 못 이루던 날들이 이어졌습니다. 박재현 팀장님은 거의 '커피 수혈' 상태로 코드 한 줄 한 줄을 들여다보고, 류현광 팀장님은 프론트단에서 발생할 수 있는 모든 예외 케이스를 시뮬레이션하며 머리를 싸맸죠. '이게 대체 어디서부터 꼬인 거지?' 하는 자괴감마저 들었습니다. 하지만 RX SOFT는 문제 앞에서 좌절하는 팀이 아니죠. 저희는 과감하게 최신 비동기 데이터 처리 기술과 분산 락(Distributed Lock) 시스템을 도입하기로 결정했습니다. 백엔드팀 박재현 팀장님은 Redux Saga와 같은 기술을 활용해 서버 부하를 최소화하면서도 실시간으로 정확한 예약 정보를 반영할 수 있도록 시스템 구조를 거의 갈아엎는 수준의 대수술을 감행했어요. 프론트엔드에서는 류현광 팀장님이 서버와의 통신 지연을 예측하고 사용자에게 "예약 처리 중입니다..."와 같은 적절한 피드백을 줄 수 있는 UI/UX를 설계해, 사용자가 혼란을 겪지 않도록 세심하게 배려했습니다. 느린 인터넷 환경에서도 안정적으로 작동하도록 UI 스켈레톤 로딩(Skeleton Loading) 기법도 적용했고요. Project Image 이 과정에서 정말 수많은 테스트 케이스를 만들었고, QA팀 안미려 팀장님의 살벌하지만 그래서 더 믿음직한(?) 테스트를 거치며 시스템의 안정성을 100% 확보할 수 있었습니다. '애자일하고 유연한 시니어 인력풀'이라는 RX SOFT의 자랑이 빛을 발하는 순간이었죠. 문제가 터지면 서로 탓하기보다 '어떻게든 해결한다'는 컴퍼니빌더 마인드가 우리 팀원들의 DNA에 박혀 있거든요. 결국, 이 난관을 극복하고 어떤 상황에서도 완벽하게 작동하는 '철벽 보안 예약 시스템'을 완성할 수 있었습니다. 클라이언트도 만족하셨고, 저도 드디어 발 뻗고 잘 수 있게 되었죠! 개발이 완료되었다고 끝이 아니죠. QA팀 안미려 팀장님의 매의 눈은 1px의 오차도 허용하지 않았습니다. "이 버튼은 1px 오른쪽으로 가야 할 것 같아요!", "특정 해상도에서 이미지가 미묘하게 깨집니다!", "모바일 가로 모드에서 폼 필드가 살짝 잘려요!" 같은 디테일부터, 다양한 디바이스에서의 호환성, 혹시 모를 보안 취약점까지 꼼꼼하게 점검하며 완벽을 기했습니다. 저희는 이렇게 잦은 수정 요청과 버그를 현실적인 고민으로 받아들이고, 이를 극복하는 과정에서 RX SOFT만의 노하우가 더욱 단단해진다고 믿습니다. 최신 기술을 과감히 도입하고, 애자일하고 유연한 시니어 인력풀이 머리를 맞대 해결하며, 무엇보다 '고객의 비즈니스가 곧 우리의 비즈니스'라는 컴퍼니빌더 마인드로 모든 과정에 임하니까요. 이제 모든 과정이 끝나고, 유지보수팀 김성찬 팀장님의 든든한 지원 아래 'Dental Website Templates 1'은 성공적으로 운영되고 있습니다. 이 프로젝트는 단순히 치과 웹사이트 하나를 만든 것이 아니라, RX SOFT 팀원들의 열정, 끈기, 그리고 서로를 향한 신뢰가 만들어낸 결과물이라고 생각합니다. 저희 RX SOFT는 단순히 웹사이트를 '만드는' 회사가 아닙니다. 고객의 비즈니스를 '함께 성장시키는' 파트너죠. 급변하는 시장의 요구사항에도 유연하게 대처하는 '애자일 프로세스'와 항상 최신 기술 트렌드를 주시하고 과감하게 적용하는 '선도적인 기술력'은 기본입니다. 하지만 무엇보다 저희 RX SOFT를 특별하게 만드는 것은, 각 분야 최고의 '시니어 전문가들'이 똘똘 뭉쳐 시너지를 내는 독보적인 팀워크라고 감히 말씀드릴 수 있습니다. 이번 'Dental Website Templates 1' 프로젝트를 통해 우리는 또 한 번 성장했고, 더 많은 도전을 기대하게 되었습니다. 여러분의 아이디어가 세상에 빛을 발할 수 있도록, RX SOFT는 오늘도 '어금니 꽉' 깨물고 최선을 다할 겁니다. 혹시 여러분의 비즈니스에도 RX SOFT의 이러한 '진심'과 '광기'가 필요하신가요? 저희 RX SOFT와 함께라면 당신의 아이디어가 현실이 되고, 그 현실이 곧 성공이 될 수 있습니다. 더 많은 포트폴리오 확인 및 문의는 언제든지 https://rxsoft.co.kr/ 로 찾아와 주세요! 그럼 다음에 더 흥미로운 이야기로 돌아오겠습니다. 안녕! #AX_Showcase

연관 포스팅