OUR PROCESS

결과를 미리 확인하고,
확정된 디자인 그대로 제작합니다.

완성될 때까지 기다리는 일반적인 제작 방식과 달리, PC·모바일 디자인 시안을 먼저 확인한 뒤 원하는 방향으로 수정하고 실제 웹사이트로 구현합니다.

OFWEB STUDIO 제작 과정

홈페이지의 목적과 필요한 기능을 확인합니다. 원하는 분위기, 브랜드 정보, 참고 사이트, 문구, 이미지, 로고와 필요한 기능 등의 자료를 전달해 주세요.

구체적인 기획이 없어도 상담을 통해 필요한 구성을 함께 정리할 수 있습니다.

전달받은 내용을 바탕으로 실제 웹사이트의 전체적인 디자인을 확인할 수 있는 PC·모바일 이미지 시안을 제작합니다.

구현 전에 디자인 방향, 콘텐츠 배열과 전체 화면 구성을 먼저 확인할 수 있습니다.

진행 방식 선택

원하는 수정 방식에 따라 한 가지를 선택합니다.

기본 제작 방식

기본 비용 포함

색상, 문구, 이미지, 섹션 순서와 전체적인 배치를 원하는 방향으로 수정합니다.

빠른 제작이 필요한 소개형 홈페이지나 이미지 시안의 전체적인 디자인 방향이 만족스러운 경우에 적합합니다.

색상, 문구, 이미지와 전체적인 화면 배치 수정은 기본 제작 과정에 포함됩니다. 요소별 크기와 간격까지 고객이 직접 세밀하게 조정하고 싶은 경우에는 Figma 편집 파일 제공 방식을 선택할 수 있습니다.

직접 편집 방식

추가 40,000원평균 1일 추가

이미지 시안을 고객이 직접 수정할 수 있는 편집 가능한 Figma 디자인 파일로 제작하여 공유합니다.

고객이 텍스트 크기, 간격, 색상, 이미지, 버튼, 카드와 화면 배치를 원하는 방향으로 직접 수정할 수 있습니다.

고객이 수정을 완료한 최종 Figma 디자인을 기준으로 반응형 웹사이트를 구현합니다.

세부적인 디자인을 직접 조정하고 싶거나, 이후 같은 디자인을 활용해 페이지를 확장하려는 경우에 적합합니다.

디자인 확정

확정된 이미지 시안 또는 Figma 디자인을 기준으로 실제 웹사이트를 구현합니다.

PC와 모바일 화면에 맞게 레이아웃이 자연스럽게 변경되도록 제작하며, 버튼, 메뉴, 링크, 문의 연결과 필요한 기능이 정상적으로 작동하도록 적용합니다.

구현된 웹사이트를 고객이 직접 확인한 뒤 최종 피드백과 수정 요청을 반영합니다.

고객이 문구, 이미지, 간격과 세부 디자인을 확인하고 필요한 최종 수정을 요청할 수 있습니다. 수정 반영 후 PC·모바일 환경의 기능과 화면을 검수하고 실제 도메인에 연결하여 오픈합니다.

START A PROJECT

필요한 페이지와 기능, 원하는 분위기를 알려주시면 제작 방식과 예상 비용을 안내해 드립니다.