웹 UI·UX 프리랜서를 모집합니다

• 웹사이트 전체 정보 구조(IA)와 사이트맵 설계
• 랜딩페이지, 서비스 소개 페이지 UI 디자인
• 관리자 대시보드 등 복잡한 데이터 화면 UI 설계
• 재사용 가능한 웹 컴포넌트 디자인 시스템 구성
• 다양한 화면 크기(모바일, 태블릿, PC)에 대응하는 반응형 설계
• 개발자 전달용 디자인 스펙(간격, 색상값 등) 정리
• 기존 웹사이트의 이탈 구간을 분석해 화면 개선안 제안
• 회원가입, 결제 등 전환에 직접 영향을 주는 화면 설계

자주 쓰는 도구와 기술

• Figma
• Adobe XD
• Sketch
• Zeplin
• 디자인 시스템 구성
• 프로토타이핑

작업 흐름

1. 1

   의뢰인에게 서비스 목적, 타깃 사용자, 핵심 목표(가입, 구매 등)를 확인합니다.

2. 2

   사이트맵과 정보 구조를 정리합니다.

3. 3

   핵심 페이지부터 UI 시안을 제안하고 방향을 확정합니다.

4. 4

   전체 페이지를 디자인 시스템에 맞춰 확장합니다.

5. 5

   다양한 화면 크기에서 레이아웃을 점검합니다.

6. 6

   개발 전달용 스펙과 파일을 정리해 납품합니다.

• 페이지 개수에 따라 나눕니다.
• 정보 구조 설계부터인지 UI 디자인만인지에 따라 나눕니다.
• 디자인 시스템(컴포넌트) 구축 포함 여부로 나눕니다.
• 시안 제시 개수와 수정 횟수(예: 수정 2회 포함)로 나눕니다.
• 반응형(모바일, 태블릿 등) 대응 범위로 나눕니다.
• 개발자 전달용 스펙 문서 작성 포함 여부로 나눕니다.

패키지 구성 예시

• 실제 화면 흐름을 보여주는 프로토타입 링크를 포트폴리오에 함께 올립니다.
• 랜딩페이지, 대시보드 등 유형별 사례를 구분해 보여줍니다.
• 디자인 시스템 구성 사례를 별도로 정리해 신뢰도를 높입니다.
• 제목에 작업 범위(랜딩페이지, 대시보드 등)를 구체적으로 적습니다.
• 첫 답장에서 핵심 목표(가입, 구매 등)와 페이지 개수를 먼저 확인합니다.
• 개발자와의 협업 경험이 있다면 프로필에 명시합니다.
• 실제 서비스로 출시된 사례가 있다면 별도로 강조합니다.

예외 상황(에러, 빈 화면 등) 설계 누락

핵심 화면 외에 에러, 로딩, 빈 상태 화면도 함께 설계 범위에 포함합니다.

개발자가 구현하기 어려운 인터랙션 제안

복잡한 인터랙션은 개발 가능 여부를 미리 협의하고 대안을 함께 준비합니다.

페이지 간 디자인 일관성이 깨짐

초반에 디자인 시스템(컬러, 폰트, 컴포넌트)을 먼저 정하고 전체 페이지에 일관되게 적용합니다.

모바일 화면에서 레이아웃이 깨짐

설계 단계부터 여러 화면 크기를 함께 확인하며 작업합니다.

무제한 페이지 추가 요구로 작업 범위 초과

계약 전 페이지 개수와 수정 횟수를 명확히 정합니다.

• 앱·모바일 UI·UX
• 아이콘·버튼
• 템플릿형 홈페이지