1. 기회:
- 브랜드 전문성 강화 기회
기존 웹사이트가 없어 서비스 메시지와 브랜드 가치 전달이 어려움 → 직관적 UI/UX와 일관된 디자인으로 브랜드 전문성 강조 가능
- 잠재 고객 전환 흐름 구축
방문자가 서비스 정보를 탐색하고, 상담 문의까지 자연스럽게 이어지는 플로우 부재 → UX/UI 설계를 통해 전환 유도 구조 설계

2. 목표:
브랜드 전문성 및 신뢰도 강화
고객 사례(포트폴리오) 기반 설득력 강화
직관적인 CTA 설계로 상담 전환율 극대화
운영자가 손쉽게 관리할 수 있는 노코드 CMS 구축

3. 주안점
브랜드 아이덴티티 강화 → “믿을 수 있는 마케팅 파트너”라는 메시지를 시각적으로 표현
심플하고 직관적인 UX → 핵심 서비스와 CTA를 빠르게 인지 가능하도록 설계
노코드 최적화 → Framer의 장점을 활용해 운영자가 직접 수정/관리 가능하도록 구현
반응형 UX/UI → 모바일 사용자의 접근성 극대화

1) 포트폴리오 소개
서비스 카테고리: 마케팅/에이전시 기업 웹사이트
메인 타깃: 마케팅 서비스 이용을 고려하는 스타트업, 중소기업, 브랜드 담당자
소개: 마케팅 전문 기업인 에이블랩 AbleLab의 브랜드 아이덴티티를 효과적으로 전달하기 위해,
UX/UI 디자인 및 Framer 기반 노코드 웹사이트 구축 프로젝트를 진행.
사용자가 직관적으로 회사 서비스를 이해하고, 빠르게 문의까지 연결될 수 있도록 최적화된 사용자 경험을 제공.

2) 작업 범위
UX/UI 디자인:
웹사이트 IA 정의
메인 랜딩 페이지, 서비스 소개, 포트폴리오, 팀 소개, 문의 페이지 UI/UX 디자인
브랜드 톤앤매너 반영한 비주얼 가이드 제작

노코드 웹빌딩:
Framer 기반 반응형 웹 구축 (데스크탑/모바일 대응)
애니메이션 및 인터랙션 구현
CMS 구조 설정 (서비스 소개/포트폴리오 관리)
SEO 최적화 및 퍼포먼스 개선

3) 주요 작업
메인 랜딩 디자인 → 핵심 서비스와 비전 전달
서비스 페이지 UI → 각 마케팅 솔루션별 상세 소개 및 CTA 강화
포트폴리오 페이지 → 프로젝트 사례 및 성과를 강조하는 콘텐츠 구조 설계
팀 소개 페이지 → 전문성과 신뢰감을 주는 팀원 프로필 디자인
문의 페이지 → 간단한 폼 기반의 상담 연결 UI 구축
브랜드 일관성 확보 → 로고/컬러/타이포 활용한 통일된 디자인 언어 적용