폴싯(Forsit) 웹사이트 방문해 보셨나요?

웹사이트는 브랜드를 말하는 방식 중 가장 구조적인 언어

by 정세인

폴싯(Forsit) 웹사이트 제작 과정 (내부 시트자료는 타자료로 대치함)

Main-1.jpg

“웹사이트는 브랜드를 말하는 방식 중 가장 구조적인 언어입니다.”
폴싯(Forsit)의 웹사이트는 단순히 디자인을 잘하는 문제가 아니라,
‘이 브랜드는 어떤 일을 하고, 왜 존재하며, 누구에게 말 걸고 있는가’를
처음 만나는 사람에게 가장 빠르게 설명해야 하는 공간이었습니다.

그래서 이 프로젝트는 ‘디자인’보다 먼저 이해와 구조 설계에서 시작했습니다.

스크린샷 2025-05-20 오전 9.25.37.png

1. 레퍼런스 체크 – 좋다 싫다의 기준은 내부에 만든다


처음엔 국내외 수십 개의 웹사이트를 보며 좋은 요소들을 쌓아갔습니다.

애니메이션 효과, 레이아웃, 흐름, 콘텐츠 배치, 플러그인까지.

우리는 그 모든 요소를 한 시트에 모아 점수를 매겼고,

"이런 톤, 이런 구조는 폴싯과 맞는가?"를 팀원들과 나누며 우리만의 판단 기준으로 점수를 매겼습니다.


스크린샷 2025-05-20 오전 9.27.05.png

2. 웹 아키텍처 – 일부가 아닌 전체 구조를 설계하는 일

웹사이트는 ‘페이지’로 이루어지지만, 사용자는 ‘경험의 흐름’으로 기억합니다.
저는 폴싯(Forsit)의 서비스 여정인 “판매 → 성장 → 확장 → 성공” 구조를 메인에 담기 위해
웹 아키텍처 단계에서부터 서비스 구조 = 콘텐츠 구조로 설계했습니다.


스크린샷 2025-05-20 오전 9.25.01.png

3. 스케줄 관리 – 마감보다 중요한 건, 누락되지 않는 것

스프레드시트에는 담당자, 작업 항목, 상태, 마감일이 적혀 있었습니다.
하지만 진짜 중요한 건 '마감을 지키기'보다 작업의 누락을 막고, 확인을 반복하며, 팀 전체가 연결된 흐름으로 일하는 것이었습니다. 우리는 이 시트를 '스케줄표'가 아니라 '스케줄 매트릭스'라고 불렀습니다.


스크린샷 2025-05-20 오전 9.23.34.png

4. UI 디자인 – 피그마 보드에 불이 붙는 시기

UI 디자인은 피그마에서 작업되었으며 매일같이 피드백이 달리고, 새 화면이 생성되고, 흐름이 바뀌었습니다.

가장 치열했던 건, 시각적 완성도보다 사용자의 직관이었습니다.
디자인이 예쁜 게 아니라, “이해되는 디자인”이 목표였습니다.


스크린샷 2025-05-20 오전 9.26.35.png

5. 웹 개발 – 회사의 서비스가 명확하기 담기는 순간

개발 단계에서 가장 중요했던 건, 폴싯(Forsit)의 서비스를 외부에서도 쉽게 이해할 수 있도록 만드는 것이었습니다. 단순히 버튼을 누르고, 스크롤을 내리는 것이 아니라 “아, 이 회사는 이런 과정을 거쳐 브랜드를 해외로 수출해 주는구나”를 페이지 하나로 이해시키고 싶었습니다.


결과적으로 폴싯(Forsit) 웹사이트는 브랜드의 미션, 서비스 구조, 성과 신뢰도까지 한 흐름 안에서 자연스럽게 전달되도록 구성되었습니다.

그리고 마지막으로 중요한 건 플러그인 시트가 필요합니다. 비용이 지불되고 있는 건 무엇이고 그 플러그인은 어떤 목적으로 활용하고 있는지 공유되기 위해 작성이 필요합니다.


기획부터 디자인 개발을 진행하였고 웹 개발자분과 함께 진행되었습니다.

여기서 채용페이지 개설까지 담고 싶었지만 너무 방대한 양이기 때문에 한번 방문해서 봐주시면 좋겠습니다.

방대한 자료를 각 팀에게 요청하고 최종 카피를 여럿 수정하며 약 3개월이 걸리는 프로젝트였습니다.


폴싯(Forsit) 글로벌 브랜드엑셀러레이터 - 웹사이트 방문하기


keyword
작가의 이전글유니클로, 사와다씨 누구세요?