개요
핵심 요약
- 리커너스는 반응형 홈페이지·웹 솔루션·하이브리드 앱을 기획·디자인·개발하는 서울 강남구 소재 에이전시로, React·Next.js·Node.js 기반 작업을 표방한다.
- 히어로 카피는 ‘오늘의 완성을 넘어 내일의 운영으로, 지속 가능한 서비스를 설계합니다’이며, ‘서비스는 오픈할 때보다 수정과 운영이 시작될 때 실력이 드러납니다’라는 문장이 이어진다.
- 서비스를 브랜드 베이직 시스템·UX/UI 기획·디자인·컨텐츠 기획·디자인·프로그램 개발 네 갈래로 나누고, 각각에 실제 산출물(로고, 반응형웹, 모션그래픽, 프론트엔드 등)을 태그로 붙인다.
- 자체 솔루션 ‘Nore Framework’를 소개하며 Node, Figma를 포함한 기술 스택 카드를 나열한다.
- 포트폴리오 구획에서 디플리·모두의 통근·뷰노·삼미스피커·서울포레스트·쇼:크립트·청소용병 7개 프로젝트명을 제시한다.
리커너스는 서울 강남구 삼성로에 위치한 홈페이지·웹 솔루션 제작 에이전시다. 사이트 첫 화면은 ‘Remarkable’, ‘Grow’, ‘Consideration’ 세 단어가 순서대로 강조되며 ‘오늘의 완성을 넘어 내일의 운영으로, 지속 가능한 서비스를 설계합니다’라는 문장으로 이어진다. 배경은 진한 남색 바탕에 부드러운 그라데이션 곡선을 사용한 미니멀한 톤이다.
스크롤을 내리면 ‘서비스는 오픈할 때보다, 수정과 운영이 시작될 때 실력이 드러납니다’라는 문장이 화면 전체를 채우고, 이어서 반응형·홈페이지·부터·모바일·앱 제작까지를 태그 구름 형태로 보여준다. 이후 자체 솔루션 Nore Framework 소개, 기술 스택 카드, 포트폴리오, 3단계 프로세스, 마지막 CTA로 화면이 마무리된다. 이번 리뷰에서는 제작 결과물보다 ‘운영’을 앞세운 메시지 설계와, Next.js 기반으로 구현된 화면 구조를 살펴본다.
브랜드 & 메시지
브랜드 화법의 핵심은 ‘완성이 아니라 운영’이다. ‘오늘을 위한 제작물이 아니라, 내일도 운영될 구조를 만듭니다’라는 문장을 두 번 반복해 배치할 만큼, 이 메시지를 사이트 전체의 축으로 삼는다. 제작사 홈페이지 대부분이 포트폴리오 개수나 수상 이력을 앞세우는 것과 달리, 리커너스는 ‘오픈 직후에는 결과물이 비슷해 보인다’는 관찰에서 출발해 수정·운영 단계의 차별점을 설득 논리로 삼는다.
시각 언어는 진한 남색과 파스텔 그라데이션을 조합한다. 텍스트 위주 구획은 어두운 배경에 흰 글씨로 절제되게, 기술 스택과 포트폴리오 카드 구획은 밝은 그라데이션 카드로 대비를 준다. Node, Figma를 포함한 기술 스택 카드를 나열해 ‘Nore Framework’라는 자체 솔루션이 실제 개발 도구 위에서 동작한다는 점을 시각적으로 뒷받침한다.
UX/UI 관점
강점은 다섯 가지다. 첫째, ‘오늘을 위한 제작물이 아니라 내일도 운영될 구조를 만듭니다’라는 메시지를 히어로부터 하단까지 일관되게 반복해, 스크롤을 어디서 멈춰도 같은 결론에 도달하게 한다. 둘째, 서비스를 네 갈래(브랜드 베이직·UX/UI·컨텐츠·개발)로 나누고 각각에 구체적 산출물 태그를 붙여, 추상적인 ‘웹 에이전시’ 대신 무엇을 맡길 수 있는지 바로 파악하게 한다.
셋째, 자체 솔루션 Nore Framework를 별도 구획으로 소개해 프로젝트마다 처음부터 새로 만드는 대신 검증된 기반 위에서 작업한다는 신뢰를 준다. 넷째, 포트폴리오를 디플리·뷰노·서울포레스트 등 실명으로 나열해 실제 클라이언트가 존재함을 증명한다. 다섯째, 프로세스를 3단계로 요약해 계약 전 ‘어떤 순서로 진행되는가’라는 실무적 궁금증에 미리 답한다. 여섯째, 전체 톤을 텍스트 중심의 절제된 타이포그래피로 유지해, 화려한 이미지 대신 메시지 자체로 신뢰를 만들려는 의도가 일관되게 읽힌다.
IA·SEO 전략
제목은 ‘웹·앱 크로스플랫폼 개발 기업 | 리커너스’로 서비스 범위와 브랜드를 함께 담고, meta description도 ‘반응형 홈페이지, 기업 웹사이트, 웹 솔루션, 하이브리드 앱’처럼 구체적인 서비스명을 나열한다. canonical과 Open Graph, Twitter Card가 모두 설정돼 있고, Organization 구조화 데이터에 주소·전화번호·이메일과 함께 hasOfferCatalog로 네 가지 서비스와 각 서비스의 세부 산출물까지 항목화해 두었다.
Next.js 기반으로 빌드된 흔적(_next/static 경로)이 확인되는데, 이런 프레임워크는 페이지 이동이 클라이언트 라우팅으로 처리돼 크롤러가 개별 포트폴리오 페이지를 얼마나 온전히 인덱싱하는지 별도로 점검할 필요가 있다. Organization 구조화 데이터의 서비스 항목이 이미 ‘반응형 홈페이지 제작’, ‘하이브리드 앱 개발’ 같은 업종+행위 키워드를 담고 있으므로, 여기에 각 포트폴리오 상세 페이지의 개별 메타와 FAQPage를 더하면 검색과 AI 답변 인용 범위를 함께 넓힐 수 있다.
성능·접근성
히어로와 프로세스 구획에 그라데이션 배경과 아이콘 위주의 가벼운 그래픽을 쓰고, 무거운 사진 이미지는 상대적으로 적어 초기 로딩 부담이 크지는 않아 보인다. 다만 기술 스택 카드와 포트폴리오 썸네일이 늘어날수록 이미지 최적화와 지연 로딩을 함께 점검하는 편이 좋고, Next.js 환경이라면 이미지 컴포넌트의 자동 최적화 기능을 그대로 활용하는지 확인할 만하다.
접근성 측면에서는 진한 남색 배경 위 흰 텍스트의 대비는 양호해 보이지만, 밝은 그라데이션 카드 위에 올라가는 텍스트의 대비는 카드마다 다를 수 있어 개별 확인이 필요하다. 태그 구름 형태로 배치된 키워드들은 스크린리더 사용자에게는 나열 순서가 다소 산만하게 읽힐 수 있으므로, 의미 단위로 묶어 읽히도록 마크업을 점검하면 도움이 된다.
자주 묻는 질문
홈페이지 제작사를 고를 때 포트폴리오 개수 말고 무엇을 더 봐야 하나요?
오픈 이후 수정과 운영을 어떻게 지원하는지를 확인하는 것이 중요합니다. 리커너스처럼 ‘운영이 시작될 때 실력이 드러난다’는 메시지를 앞세우는 곳이라면, 계약 전 유지보수 범위와 대응 방식을 구체적으로 물어보는 편이 좋습니다.
자체 프레임워크를 쓰는 제작사와 매번 새로 개발하는 제작사, 무엇이 다른가요?
검증된 자체 솔루션이 있으면 개발 기간과 안정성 면에서 유리한 경우가 많습니다. 다만 프레임워크에 종속되는 부분이 있는지, 이후 다른 업체로 이관이 가능한지는 계약 시 확인해야 하는 사항입니다.
React, Next.js 기반 홈페이지는 일반 홈페이지와 무엇이 다른가요?
페이지 전환이 빠르고 인터랙션 구현이 유연하다는 장점이 있습니다. 다만 검색엔진 크롤링과 초기 로딩 설계를 별도로 신경 써야 하므로, 제작사가 이 부분을 어떻게 처리하는지 확인하는 것이 좋습니다.
기업 홈페이지 제작 비용은 보통 어떻게 결정되나요?
반응형 여부, 페이지 수, 기능 복잡도에 따라 범위가 크게 달라집니다. 정확한 견적은 요구사항을 정리한 뒤 개별 상담을 통해 확인하는 것이 정확합니다.
디지털 파트너 더블루캔버스
IT 서비스 기업의 홈페이지는 종종 기술력을 증명하는 일과 신뢰를 주는 일 사이에서 균형을 잃는다. 기술 스택을 나열하는 데 그치면 잠재 고객이 실제로 무엇을 얻을 수 있는지 체감하기 어렵고, 반대로 추상적인 메시지만 반복하면 실력이 뒷받침되는지 의심받는다. 산출물과 메시지를 동시에 구체화하는 작업이 필요한 지점이다.
The Blue Canvas(더블루캔버스)는 IT·디지털 서비스 기업의 홈페이지를 만들 때 서비스 구조를 산출물 단위로 태그화하고, 포트폴리오와 구조화 데이터를 함께 설계한다. 어떤 서비스를 몇 갈래로 나눌지, 각 갈래에 어떤 결과물을 보여줄지, 검색엔진과 AI 답변 엔진이 이를 어떻게 읽어야 할지를 함께 정하는 방식이다.
마무리와 다음 스텝
리커너스의 사이트는 ‘운영’이라는 하나의 메시지를 히어로부터 프로세스 구획까지 흔들림 없이 밀고 나간다는 점에서 완성도가 높다. 서비스를 산출물 단위로 태그화한 구조, 자체 솔루션 Nore Framework의 노출, 실명 포트폴리오까지 세 요소가 ‘오래 쓸 수 있는 홈페이지를 만든다’는 하나의 결론으로 수렴한다.
실행 제안은 셋이다. 첫째, 포트폴리오 상세 페이지마다 개별 메타 데이터와 FAQPage를 더해 검색·AI 답변 인용 범위를 넓힌다. 둘째, Next.js 라우팅 환경에서 각 페이지가 크롤러에 온전히 노출되는지 별도로 점검한다. 셋째, 밝은 그라데이션 카드 위 텍스트 대비를 카드별로 재확인해 일관된 가독성을 확보한다.
