INTL
Freelancer
쉬움
외주
원격 가능
Junior Web Dev for Animated Site
예산
$15~$25 USD
예상 기간
2~4주
난이도
쉬움
기술 스택
HTML5
CSS
JavaScript
GSAP
ScrollTrigger
Flexbox
CSS Grid
AI 분석 요약 기회점수 52/100
와이어프레임과 콘텐츠가 준비된 상태에서 HTML/CSS/JavaScript로 반응형 애니메이션 웹사이트를 구현하는 프로젝트입니다. 섬세한 마이크로 인터랙션부터 장면 전환 애니메이션까지 데스크톱·모바일 모두에서 부드럽게 동작하도록 만드는 것이 핵심이며, GSAP·ScrollTrigger 사용 경험이 있으면 가점입니다. CSS 애니메이션과 바닐라 JS에 익숙한 주니어 프런트엔드 개발자에게 적합합니다.
핵심 요구사항
- 시맨틱 HTML 마크업과 Flexbox/Grid 기반 반응형 레이아웃 구현
- 애니메이션 브리프에 맞춘 마이크로 인터랙션 및 장면 전환 애니메이션 개발
- 데스크톱·모바일 모두에서 성능이 유지되는 부드러운 애니메이션
- 주석이 달린 읽기 쉬운 코드 작성 및 잦은 커밋
- GSAP/ScrollTrigger 또는 고성능 바닐라 JS 애니메이션 경험
산출물
- 각 페이지별 완전 반응형 HTML/CSS/JS 파일
- 브리프에 맞춘 고급 애니메이션 통합
- 로직 이해를 돕는 주석 처리된 코드
- 주요 효과 수정 방법을 설명하는 짧은 영상 또는 문서
매력 포인트
- 와이어프레임·콘텐츠·애니메이션 브리프가 준비된 명확한 스펙
- 주니어 환영 및 반복 협업을 전제로 한 우호적 분위기
주의사항
- 시급 $15~$25로 고급 애니메이션 작업 대비 낮은 단가
- 입찰 215건으로 경쟁이 매우 치열함
- 클라이언트 국가·고용주 ID 정보가 비어 있어 검증 어려움
프로젝트 유형신규개발
적합 개발자1~2년차 프런트엔드 개발자 (CSS 애니메이션 + 바닐라 JS/GSAP)
클라이언트 정보
지원자215명
평균 입찰가$18
프로젝트 원문 설명
I have the layout sketched and the content ready; what I need now is a motivated junior developer who can turn those wireframes into a lively, responsive website. The build will rely on solid HTML & CSS structure and clean JavaScript, but the real focus is on bringing the pages to life with smooth, eye-catching animations—think subtle micro-interactions as well as larger, scene-based transitions.
Here’s how we’ll work together: I’ll supply the page designs, brand assets, and a clear animation brief. You’ll translate that into semantic markup, modern CSS (Flexbox/Grid), and JavaScript-driven effects. If you already play with GSAP, ScrollTrigger, or similar libraries, that’s a plus, yet vanilla JavaScript solutions are perfectly welcome as long as performance remains crisp on desktop and mobile.
Deliverables
• Fully responsive HTML/CSS/JS files for each page
• Integrated advanced animations matching the brief
• Commented code so I can follow your logic
• A quick walkthrough video or short doc explaining how to tweak key effects
Before we start, share one or two links that showcase animations you’ve built. I’m happy to iterate together; just keep commits frequent so we can refine the motion early instead of at the end. Looking forward to seeing your creativity in action!
Here’s how we’ll work together: I’ll supply the page designs, brand assets, and a clear animation brief. You’ll translate that into semantic markup, modern CSS (Flexbox/Grid), and JavaScript-driven effects. If you already play with GSAP, ScrollTrigger, or similar libraries, that’s a plus, yet vanilla JavaScript solutions are perfectly welcome as long as performance remains crisp on desktop and mobile.
Deliverables
• Fully responsive HTML/CSS/JS files for each page
• Integrated advanced animations matching the brief
• Commented code so I can follow your logic
• A quick walkthrough video or short doc explaining how to tweak key effects
Before we start, share one or two links that showcase animations you’ve built. I’m happy to iterate together; just keep commits frequent so we can refine the motion early instead of at the end. Looking forward to seeing your creativity in action!
Freelancer에서 원본 확인
원본 보기