Figma → HTML / React
Figma 기반 반응형 구현
컴포넌트, 여백, 문자 계층을 코드로 옮기고 PC/SP 주요 폭에서 확인합니다.
- 대응
- Figma / HTML / CSS / React
- 납품
- 코드・확인 결과・업데이트 순서
- 검증
- 빌드・PC/SP 주요 폭
TASKAL
상담 시 확인할 수 있는 샘플
영업 시 화면 공유하기 쉬운 공개 샘플과 비공개 업무 시스템 샘플을 구분해 보여줍니다.
SELECTED WORK
구성과 디자인부터 구현까지
정보 설계, Figma PC/SP 디자인, WordPress 구현, 폼과 공개 확인까지 담당 범위를 명확히 공개합니다.
WordPress custom theme
정보 설계부터 커스텀 테마까지
고정 페이지, 업데이트 항목, 문의 동선을 정리해 사업에 맞는 WordPress 테마로 구현합니다.
- 담당
- 구성・UI・테마 구현
- 산출물
- 페이지・폼・업데이트 항목
- 납기
- 소규모 사이트 7일
제작 흐름
- 01목적・타깃・전환 동선 정리
- 02와이어와 PC/SP 디자인
- 03WordPress 테마와 폼 구현
- 04주요 폭・폼・업데이트 절차 검증
공개 허가가 없는 안건은 회사명과 URL을 익명화하며, 공개 데모는 데모로 명시합니다.
DEMONSTRATIONS
공개 데모・화면 공유 샘플
아래 항목은 클라이언트 프로젝트가 아니라 구성과 기능을 확인하기 위한 샘플입니다.
다국어 사이트 동선 샘플
일본어, 영어, 한국어, 중국어 전환과 해외용 페이지 구성을 확인할 수 있습니다.
해외 고객에게도 안내하고 싶은 매장・체험 서비스용
언어 전환해외용 문구문의 동선
다국어랜딩
샘플 보기 지역 SEO 페이지 구성 샘플
지역명, 업종, 서비스 내용을 조합한 지역 페이지 확장 방식을 볼 수 있습니다.
지역 밀착 서비스에서 검색 유입을 늘리고 싶은 사업자용
지역 페이지 설계서비스별 동선SEO 글 구성
지역 SEO포트폴리오
샘플 보기 출장 매입 업계용 데모
매입 품목, 지역 대응, 문의 전 불안을 정리한 서비스 사이트 예시입니다.
출장 매입・감정・방문 서비스 사업자용
품목별 페이지감정 전 FAQ상담 폼 동선
랜딩페이지콘텐츠
샘플 보기 문의・고객 관리 미니 도구
폼, 고객 목록, 대응 상태, CSV 출력까지 작게 시작하는 관리 화면입니다.
문의와 대응 상황이 표・채팅에 흩어진 팀용
고객 목록대응 상태CSV 출력
고객관리CSV비공개
상담 시 확인 분개・경비 정산 미니 앱
경비 신청, 영수증 메모, 승인 상태, 회계 소프트용 CSV 출력까지 작게 시작하는 사내 도구입니다.
경비 정산이나 분개 확인이 표・채팅에 흩어진 소규모 팀용
경비 신청승인 상태CSV 출력
경비정산분개확인비공개
상담 시 확인 접수・레세프션 미니 앱
방문자 접수 입력, 담당자 알림, 대응 상태, CSV 출력까지 작게 시작하는 사내 도구입니다.
접수, 방문 대응, 면담 예약, 담당자 호출을 종이나 채팅으로 관리하는 사업자용
방문 접수담당자 알림상태 관리
접수 앱레세프션비공개
상담 시 확인 이미지・제출물 업로드 기반
이미지와 첨부파일을 모아 받고 관리 화면에서 확인하는 업무용 기반입니다.
사진, 자료, 신청 정보를 폼으로 받고 싶은 사업자용
파일 접수제출물 목록확인 상태
업로드제출물 관리비공개
상담 시 확인