프로젝트 배경
1. 문제점:
기존 Neuro Works는 브랜드 웹사이트 부재로 서비스와 프로젝트 신뢰도 전달 어려움
잠재 고객이 회사 서비스/프로젝트를 직관적으로 이해하기 어려움
2. 목표:
브랜드 전문성 및 신뢰도 강화
직관적 UI/UX로 서비스 이해 → 문의 전환 가능성 증대
운영자가 손쉽게 관리할 수 있는 노코드 기반 CMS 구축
3. 주안점:
브랜드 아이덴티티 강화 → “혁신적이고 전문적인 AI 에이전시” 메시지 시각화
심플하고 직관적인 UX → 방문자가 AI 서비스 이해 → 문의까지 빠르게 이어지도록 설계
노코드 최적화 → Framer 활용으로 운영자가 직접 콘텐츠 수정/관리 가능
반응형 UX/UI → 모바일/데스크탑 사용성 최적화
기존 Neuro Works는 브랜드 웹사이트 부재로 서비스와 프로젝트 신뢰도 전달 어려움
잠재 고객이 회사 서비스/프로젝트를 직관적으로 이해하기 어려움
2. 목표:
브랜드 전문성 및 신뢰도 강화
직관적 UI/UX로 서비스 이해 → 문의 전환 가능성 증대
운영자가 손쉽게 관리할 수 있는 노코드 기반 CMS 구축
3. 주안점:
브랜드 아이덴티티 강화 → “혁신적이고 전문적인 AI 에이전시” 메시지 시각화
심플하고 직관적인 UX → 방문자가 AI 서비스 이해 → 문의까지 빠르게 이어지도록 설계
노코드 최적화 → Framer 활용으로 운영자가 직접 콘텐츠 수정/관리 가능
반응형 UX/UI → 모바일/데스크탑 사용성 최적화
프로젝트 성과
런칭 첫 주 방문자 1,200+명 확보
UX/UI 디자인, 개발 전 과정 참여로 웹사이트 출시 완료, 런칭 첫 주 방문자 1,200+명 확보
핵심 기능
메인 랜딩 페이지 최적화
핵심 서비스/CTA 강조
프로젝트/서비스 포트폴리오 CMS
사례 등록/관리 기능
Framer 애니메이션/인터랙션
스크롤, 모션 효과
프로젝트 상세
1) 포트폴리오 소개
서비스 카테고리: AI 에이전시 기업 웹사이트
메인 타깃: AI 서비스·솔루션을 탐색하거나 파트너십을 고려하는 기업 담당자 및 스타트업
소개: AI 전문 기업인 Neuro Works의 브랜드 아이덴티티를 강조하고, 서비스 포트폴리오와 프로젝트 사례를 직관적으로 보여주는 웹사이트 구축 프로젝트.
UX/UI 디자인과 Framer 기반 노코드 웹사이트 구축을 통해 사용자 경험을 극대화하고, 운영자가 손쉽게 콘텐츠를 관리할 수 있도록 설계.
2) 작업 범위
UX/UI 디자인:
웹사이트 IA 정의
메인 페이지, 서비스 소개, 프로젝트 사례, 팀 소개, 문의 페이지 UI/UX 디자인
브랜드 톤앤매너를 반영한 디자인 시스템 제작
노코드 웹빌딩:
Framer 기반 반응형 웹 구축 (데스크탑/모바일 대응)
애니메이션, 인터랙션 구현
CMS 구조 설정 (서비스/프로젝트 사례 관리)
SEO 최적화 및 퍼포먼스 개선
3) 주요 작업
메인 랜딩 페이지 디자인 → 핵심 AI 서비스 및 프로젝트 사례 강조
서비스 소개 페이지 UI → 솔루션별 상세 내용 및 CTA(Call to Action) 강화
프로젝트 사례 페이지 → AI 프로젝트 사례 및 성과 강조
팀 소개 페이지 → 전문성과 신뢰감을 주는 팀원 프로필 디자인
문의 페이지 → 간단한 폼 기반의 상담/문의 연결 UI 구축
브랜드 일관성 확보 → 로고, 컬러, 타이포그래피 등 통일된 디자인 적용
서비스 카테고리: AI 에이전시 기업 웹사이트
메인 타깃: AI 서비스·솔루션을 탐색하거나 파트너십을 고려하는 기업 담당자 및 스타트업
소개: AI 전문 기업인 Neuro Works의 브랜드 아이덴티티를 강조하고, 서비스 포트폴리오와 프로젝트 사례를 직관적으로 보여주는 웹사이트 구축 프로젝트.
UX/UI 디자인과 Framer 기반 노코드 웹사이트 구축을 통해 사용자 경험을 극대화하고, 운영자가 손쉽게 콘텐츠를 관리할 수 있도록 설계.
2) 작업 범위
UX/UI 디자인:
웹사이트 IA 정의
메인 페이지, 서비스 소개, 프로젝트 사례, 팀 소개, 문의 페이지 UI/UX 디자인
브랜드 톤앤매너를 반영한 디자인 시스템 제작
노코드 웹빌딩:
Framer 기반 반응형 웹 구축 (데스크탑/모바일 대응)
애니메이션, 인터랙션 구현
CMS 구조 설정 (서비스/프로젝트 사례 관리)
SEO 최적화 및 퍼포먼스 개선
3) 주요 작업
메인 랜딩 페이지 디자인 → 핵심 AI 서비스 및 프로젝트 사례 강조
서비스 소개 페이지 UI → 솔루션별 상세 내용 및 CTA(Call to Action) 강화
프로젝트 사례 페이지 → AI 프로젝트 사례 및 성과 강조
팀 소개 페이지 → 전문성과 신뢰감을 주는 팀원 프로필 디자인
문의 페이지 → 간단한 폼 기반의 상담/문의 연결 UI 구축
브랜드 일관성 확보 → 로고, 컬러, 타이포그래피 등 통일된 디자인 적용
