SNS 프로필용 HTML·CSS 링크 인 바이오 페이지 완성본: 이미지 포함, 휴대폰 우선 레이아웃

결과물 예시

스탠다드 패키지 예시전체 보기

리스본 플라워 스튜디오의 랜딩 페이지

컴퓨터에서 본 페이지

휴대폰에서 본 같은 페이지

파일: index.html, 스타일 파일, 약간의 JavaScript, 페이지용으로 그린 이미지 5개가 담긴 ZIP 압축 파일. 총 8개 섹션으로, 의뢰인의 호스팅 서버에 바로 업로드할 수 있습니다. 여기 보이는 이미지는 페이지의 스크린숏입니다.

의뢰인: 리스본 전역에 꽃다발을 배송하는 작은 플라워 스튜디오 Fern & Stem. 요청: 꽃다발, 주간 정기 구독, 이벤트용 꽃, 가격, 배송 조건, WhatsApp 주문을 담은 크림, 세이지, 테라코타 톤의 랜딩 페이지.

고객과 모든 정보는 가상입니다.

서비스 소개

대부분의 SNS는 링크를 하나만 허용하는데, 이 페이지는 그 하나를 최대한 활용합니다. 공유하고 싶은 모든 것을 휴대폰에서 빠르게 열리는 한곳에 모읍니다. 요청 사항을 바탕으로 이름, 사진, 한 줄 소개, 프로필·쇼핑몰·팟캐스트·뉴스레터·예약 링크 버튼, 가장 먼저 보여 줄 대표 항목, 그리고 큰 패키지에서는 최근 프로젝트, 이벤트, 갤러리, 협업 연락처를 담아 페이지를 만듭니다. 순수 코드로 된 고객님만의 페이지라서 링크 서비스 월 이용료나 트래커가 없습니다. 페이지에는 클릭 카운터, 관리자 패널, 자체 뉴스레터 구독 폼이 없으며 버튼은 주신 링크로 연결됩니다. ZIP 파일로 코드를 받으시며, 호스팅과 도메인은 포함되지 않습니다.

포함 사항

• 받으시는 것index.html, 스타일, 이미지가 담긴 ZIP 파일과 주문 페이지의 미리보기
• 큼직한 링크 버튼엄지로 누르기 쉽게, 원하시는 순서대로
• 대표 항목을 맨 위에신규 발매, 혜택, 이벤트를 상단에
• 사진과 스타일사진, 색상, 그린 디테일을 하나의 분위기로
• 빠르고 가볍게어떤 앱에서든 빠르게 열림, 외부 사이트에서 불러오는 요소 없음
• 쉬운 수정링크는 코드 속 일반 텍스트라서 직접 바꿀 수 있음

진행 방식

1. 1
   요청 사항링크와 한 줄 소개를 정리하고 사진을 업로드합니다
2. 2
   페이지텍스트를 쓰고 이미지를 그리고 페이지를 만듭니다
3. 3
   미리보기와 압축 파일휴대폰에서 모든 링크를 확인하고 수정을 요청한 뒤 ZIP 파일을 다운로드합니다

준비해 주실 내용

이름이나 프로젝트 이름, 한두 줄 소개, 원하시는 순서의 모든 링크와 각각의 짧은 라벨, 가장 먼저 보여 줄 항목, 그리고 보여 주길 원하시면 협업 연락처를 알려 주세요. 원하는 색상도 알려 주세요. 선택 사항으로 사진, 로고 또는 프로젝트 커버를 PNG, JPEG, WebP 형식으로 최대 5장까지 보낼 수 있습니다.

다음 내용을 여쭤봅니다:

• 누구의 페이지인가요?
• 어떤 링크를 넣을까요?
• 가장 먼저 보여 줄 것은?
• 원하는 색상과 스타일

패키지 비교

질문과 답변

답을 찾지 못하셨나요? 질문하기