웹사이트는 브랜드를 말하는 방식 중 가장 구조적인 언어
폴싯(Forsit) 웹사이트 제작 과정 (내부 시트자료는 타자료로 대치함)
“웹사이트는 브랜드를 말하는 방식 중 가장 구조적인 언어입니다.”
폴싯(Forsit)의 웹사이트는 단순히 디자인을 잘하는 문제가 아니라,
‘이 브랜드는 어떤 일을 하고, 왜 존재하며, 누구에게 말 걸고 있는가’를
처음 만나는 사람에게 가장 빠르게 설명해야 하는 공간이었습니다.
그래서 이 프로젝트는 ‘디자인’보다 먼저 이해와 구조 설계에서 시작했습니다.
처음엔 국내외 수십 개의 웹사이트를 보며 좋은 요소들을 쌓아갔습니다.
애니메이션 효과, 레이아웃, 흐름, 콘텐츠 배치, 플러그인까지.
우리는 그 모든 요소를 한 시트에 모아 점수를 매겼고,
"이런 톤, 이런 구조는 폴싯과 맞는가?"를 팀원들과 나누며 우리만의 판단 기준으로 점수를 매겼습니다.
웹사이트는 ‘페이지’로 이루어지지만, 사용자는 ‘경험의 흐름’으로 기억합니다.
저는 폴싯(Forsit)의 서비스 여정인 “판매 → 성장 → 확장 → 성공” 구조를 메인에 담기 위해
웹 아키텍처 단계에서부터 서비스 구조 = 콘텐츠 구조로 설계했습니다.
스프레드시트에는 담당자, 작업 항목, 상태, 마감일이 적혀 있었습니다.
하지만 진짜 중요한 건 '마감을 지키기'보다 작업의 누락을 막고, 확인을 반복하며, 팀 전체가 연결된 흐름으로 일하는 것이었습니다. 우리는 이 시트를 '스케줄표'가 아니라 '스케줄 매트릭스'라고 불렀습니다.
UI 디자인은 피그마에서 작업되었으며 매일같이 피드백이 달리고, 새 화면이 생성되고, 흐름이 바뀌었습니다.
가장 치열했던 건, 시각적 완성도보다 사용자의 직관이었습니다.
디자인이 예쁜 게 아니라, “이해되는 디자인”이 목표였습니다.
개발 단계에서 가장 중요했던 건, 폴싯(Forsit)의 서비스를 외부에서도 쉽게 이해할 수 있도록 만드는 것이었습니다. 단순히 버튼을 누르고, 스크롤을 내리는 것이 아니라 “아, 이 회사는 이런 과정을 거쳐 브랜드를 해외로 수출해 주는구나”를 페이지 하나로 이해시키고 싶었습니다.
결과적으로 폴싯(Forsit) 웹사이트는 브랜드의 미션, 서비스 구조, 성과 신뢰도까지 한 흐름 안에서 자연스럽게 전달되도록 구성되었습니다.
그리고 마지막으로 중요한 건 플러그인 시트가 필요합니다. 비용이 지불되고 있는 건 무엇이고 그 플러그인은 어떤 목적으로 활용하고 있는지 공유되기 위해 작성이 필요합니다.
기획부터 디자인 개발을 진행하였고 웹 개발자분과 함께 진행되었습니다.
여기서 채용페이지 개설까지 담고 싶었지만 너무 방대한 양이기 때문에 한번 방문해서 봐주시면 좋겠습니다.
방대한 자료를 각 팀에게 요청하고 최종 카피를 여럿 수정하며 약 3개월이 걸리는 프로젝트였습니다.
폴싯(Forsit) 글로벌 브랜드엑셀러레이터 - 웹사이트 방문하기