← WORK 목록으로
GLOBALFreelancer웹 개발REMOTE

Pixel-Perfect Figma Page Build - Should be able to make today

완성된 Figma 디자인을 픽셀 단위로 정확하게 재현하는 반응형 웹 페이지 1개를 제작하는 프로젝트입니다. 깔끔하고 주석이 잘 달린 HTML5/CSS(SCSS)와 약간의 JavaScript 마이크로 인터랙션을 사용하며, Chrome·Safari·Firefox·Edge 최신 버전에서 완벽하게 렌더링되어야 합니다. 소스 파일과 간단한 README, 검증용 임시 호스팅 링크를 납품해야 합니다. 디자인 퍼블리싱에 능숙한 프론트엔드/마크업 개발자에게 적합한 단기 작업입니다.

2026.09.12VIEW 60Freelancer에서 수집
Budget$10~$30 AUD
Difficulty입문
Duration1일~3일
Work style원격 가능
Required stack

필요 기술

HTML5CSS3SCSSJavaScript
Project brief

프로젝트 내용

I have a finished design sitting in Figma and I need it translated into a live web page that looks exactly—down to the pixel—like the file. You’re free to work in clean HTML5, CSS (or SCSS), and a splash of JavaScript for any micro-interactions that appear in the layout, but please keep the code lean and well-commented so I can maintain it later.

What matters most is visual fidelity: spacing, colours, typography and breakpoints must line up with the design at 100 % zoom. The page also needs to be fully responsive and render flawlessly in current versions of Chrome, Safari, Firefox and Edge.

Deliverables I expect:
• All source files (HTML, CSS/SCSS, JS, optimised assets)
• A short read-me explaining build steps or deployment notes
• The final page hosted on any temporary link so I can verify the match before hand-off

Once we start I’ll share the Figma link and stay available for quick feedback. A fast, detail-oriented turnaround will make this an easy win for both of us.
지원 기회 분석

지원 전에 볼 것

핵심 요구사항

  • Figma 디자인을 픽셀 단위로 정확히 재현 (간격, 색상, 타이포그래피, 브레이크포인트)
  • 완전 반응형 구현 및 크로스 브라우저 호환성 (Chrome/Safari/Firefox/Edge)
  • 유지보수 가능하도록 깔끔하고 주석이 잘 달린 코드 작성
  • 이미지 등 에셋 최적화
  • 검증용 임시 호스팅 링크 제공

예상 산출물

  • 전체 소스 파일 (HTML, CSS/SCSS, JS, 최적화된 에셋)
  • 빌드/배포 방법을 설명하는 간단한 README
  • 완성 페이지의 임시 호스팅 링크

매력 포인트

  • 명확한 스펙과 산출물 정의
  • 단순 정적 페이지로 난이도 낮음

확인할 점

  • 예산이 $10~30 AUD로 매우 낮음 (품질 대비 저단가)
  • 입찰자 80명으로 경쟁이 매우 치열함
  • 'Should be able to make today' 등 비현실적으로 촉박한 기대
Client signal

클라이언트 정보

플랫폼에서 상세 정보를 확인하세요.
START THE LOOP · CHOOSE

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.

한 번의 결과에 기대지 않고 다시 만들 수 있도록, 문제 발견부터 제작·배포·수익화까지 이어지는 전체 흐름을 익혀보세요.

TTJ CLASS에서 다음 구조 고르기 →
처리 중...