반응형 RUTTO3 작업 사례에서 문의로 이어지게: 프로젝트별 버튼과 문의 맥락 설계 포트폴리오에서 마음에 드는 작업을 발견했는데 문의 화면으로 넘어가자마자 “어떤 작업이었지?”부터 다시 적어야 한다면, 관심이 문의로 자연스럽게 이어지기 어렵습니다. 작업 사례와 문의 폼 사이에 프로젝트 맥락을 연결하는 것이 작은 개선처럼 보여도 중요한 이유입니다.RUTTO 사이트에서는 대표 작업 카드에서 프로젝트별 문의 화면으로 이동하고, 문의 화면에서 선택한 프로젝트를 다시 확인할 수 있도록 흐름을 정리했습니다.1. 작업 카드에서 다음 행동을 분명히 하기IYKYK, 정결한청소, NONAME Archive 사례에 각각 문의 링크를 연결했습니다. 모든 버튼이 같은 문의 페이지로만 이동하는 대신, 사용자가 보고 있던 프로젝트 정보를 함께 전달합니다.공개 작업 페이지 보기2. 문의 화면에서 선택한 작업을 보여.. 홈페이지 2026. 10. 19. 차량 웹사이트에 인터랙션을 넣는 순서: McLaren Z1 독립 디자인 스터디 차량 디자인·3D: 박규태 · 인터랙션 디렉션·웹 개발: RUTTO · McLaren Automotive 비제휴 독립 스터디이 글은 실차 출시·성능 리뷰가 아니라, 독립 콘셉트 디자인에 인터랙션 웹을 결합한 제작 기록입니다.자동차 웹사이트에서 스크롤 효과를 많이 쓰는 것만으로는 사용자가 차를 더 잘 이해하게 되지 않습니다. 장면마다 확인할 정보와 다음 행동이 분명해야 합니다. RUTTO가 웹 인터랙션과 프런트엔드를 맡은 McLaren Z1 — The Last Overture는 차량 디자인을 호흡, 실루엣, 공기 흐름의 순서로 읽도록 구성한 독립 디자인 스터디입니다. McLaren Automotive와 제휴하거나 공식 제품을 소개하는 페이지가 아닙니다.프로젝트 인터랙션 직접 보기1. 첫 동작은 사용자가 선.. 작업 기록 2026. 10. 19. 홈페이지 리뉴얼 문의 전에 정리할 6가지 홈페이지 리뉴얼은 디자인을 새로 입히는 일만은 아닙니다. 고객이 필요한 정보를 찾고 상담이나 구매 같은 다음 행동으로 이어지도록 구조를 다시 정리하는 작업에 가깝습니다.그런데 문의할 때 “홈페이지 리뉴얼 얼마예요?” 한 문장만 보내면 업체도 범위를 알기 어려워 견적을 제대로 비교하기 어렵습니다. 시작 전에 아래 내용을 정리해 보세요.1. 이번 리뉴얼의 목표사이트를 왜 바꾸려는지 한 문장으로 적어봅니다. 문의가 잘 안 들어오는지, 모바일에서 보기 불편한지, 오래된 정보를 직접 고치기 어려운지에 따라 필요한 작업이 달라집니다. 방문자가 사이트에서 무엇을 하길 원하는지도 정해보세요.2. 유지할 것과 바꿀 것계속 쓸 페이지, 글, 사진, 기능과 없애거나 새로 만들 항목을 나눕니다. 도메인이나 기존 페이지 주소를.. 홈페이지 2026. 10. 16. 이전 1 다음 반응형