[소개]
withclairx는 고객의 비전을 웹사이트로 구현하는 데 중점을 두는 아임웹 전문가입니다. 컨셉은 '고객의 비전을 현실로 만드는 웹사이트 제작'입니다. 단순히 웹사이트를 만드는 것을 넘어, 고객이 원하는 목표를 달성할 수 있도록 웹사이트를 통해 효과적인 커뮤니케이션과 브랜딩을 지원하고자 합니다. 주요 타겟 고객은 온라인으로 비즈니스를 확장하거나 브랜드 이미지를 개선하고자 하는 소규모 사업주, 스타트업, 또는 개인입니다. withclairx는 아임웹의 사용 편의성을 최대한 활용하여 고객과 긴밀하게 협력하여 웹사이트를 제작합니다. 깔끔하고 직관적인 디자인, 모바일 친화적인 반응형 웹 디자인으로 사용자 경험을 최우선으로 생각하며, 고객이 쉽게 웹사이트를 관리하고 운영할 수 있도록 지원합니다. 아임웹의 SEO(검색엔진최적화) 기능을 활용하여 검색 결과 상위 노출을 목표로 하며, 합리적인 가격으로 고품질의 웹사이트 제작 서비스를 제공해드립니다. 단순히 웹사이트를 만드는 것이 아닌, 고객의 비즈니스 성장에 기여하는 파트너가 되고자 노력합니다.
-
[개발]
1. 웹사이트 ‘제작’이라는 콘셉트에서 영감을 받아, 메인 페이지에 윈도우 창 요소를 활용했습니다. 메인 페이지의 히어로 섹션과, 서브 페이지의 타이틀 부분에는 실제 웹사이트 창이 떠 있는 듯한 CSS 스타일을 적용해 디자인 완성도를 높였습니다.
2. 유저가 가장 먼저 접하는 메인 페이지에 인터랙티브 요소를 추가해, 사용자가 화면에 더 오래 머무르면서 재미를 느낄 수 있도록 했습니다. 메인 페이지 히어로 섹션의 윈도우 창 디자인 요소는 웹에서는 드래그, 모바일에서는 터치로 직접 위치를 옮길 수 있게 구현하여 사용자 경험에 활기를 더했습니다. 또한, ‘어떤 웹사이트가 필요하신가요?’, '어떤 기능이 필요하신가요?' 질문 섹션에 클릭 가능한 답변 버튼을 넣어, 사용자가 선택한 대로 하단에 표시되는 텍스트가 동적으로 변화하도록 만들었습니다.
3. ‘패키지’ 내 ‘견적 계산’ 서브 메뉴에서는 사용자의 입력과 선택값을 실시간으로 반영해 예상 견적을 확인할 수 있는 로직과 코드를 직접 구현했습니다. 꼼꼼한 자바스크립트 케이스 테스트를 거쳐, 선택한 값에 따라 계산 결과가 동적으로 달라지도록 하여 사용자가 손쉽게 결과를 확인할 수 있도록 했습니다. 유저의 행동을 미리 고려하여 UX를 설계함으로써, 사용자가 계산 결과를 확인한 후 ‘문의하기’ 버튼으로 상담 페이지로 이동하거나 ‘리셋하기’ 버튼으로 입력 값을 쉽게 초기화할 수 있도록 했습니다.
4. 아임웹에서 제공하는 기본 스타일과 위젯을 사용하고, 필요한 부분에만 커스텀 스타일과 자바스크립트 코드를 더하여 유지보수가 조금이라도 간편하도록 작업했습니다. ‘문의하기’ 페이지에서는 기본 폼 스타일을 유지하면서도, 커스텀 CSS를 추가해 웹과 모바일 환경 모두에서 사용자가 편리하게 입력할 수 있도록 세심하게 디자인했습니다.