"인터넷 쇼핑몰 일 ~"기획 페이지 제작 "편 ~ / 이나가키 마사유키"

세는 것 제4회째가 되었습니다, 인터넷 숍의 무대 뒤를 소개 하는 시리즈.

그런데 이번은 「기획 페이지 '제작에 초점을 맞추어 보려고 생각합니다.

공개중인 "키코로모 여름의 요소오이""르꼬끄 여름 컬렉션"등의
계절의 고비에 공개되는 대형의 예약 기획 사이트,
장소에서 개최되는 캠페인 사이트 등
일반 상품 페이지와 다른 소위 특집 사이트의 수를,
사내에서는"기획 페이지"라고 부르고 있습니다.

는 뜻밖에 며칠 전 공개 된 "SOUSOU × MOONBAT"기획 페이지를 예로
제작부터 공개될 때까지의 흐름을 대략 소개 갑시다.


1 상품 촬영 및 이미지 촬영
우선 제품을 사용하지 않을 것을 아무것도 시작되지 않습니다.
기획 내용에 따라 동영상을 촬영하는 경우도 있습니다.
촬영에서 가공 게재까지의 흐름은 이번에는 생략하지만,
그들을 자세히 쓴 과거 기사도 꼭 참조하십시오.
→"인터넷 쇼핑몰 일 ~ 게재 편 ~"


2 구성 요소 만들기
구성 요소는 페이지의 완성 견본 같다.
촬영 가공 된 제품 및 사진 이미지 등을 감독이 레이아웃,
디자인과 사양의 지시를 기록한 데이터를 작성합니다.

덧붙여서, 캠프는 어디 까지나 평면의 지침이므로,
"클릭하면 확대 or 축소"라든지 "여기 슈슈 계속 달리고 싶다」라고
동적 표현 (애니메이션)에 관해서는 기술적으로 가능 여부도 포함
메모를 작성을뿐만 아니라,이를 바탕으로 기획 페이지의 청사진을 구체적으로 구상하고 있습니다.


3 코딩
코딩은 간단하게 말하면, 평면의 구성 요소를 인터넷에 공개하기 위해
거기에 맞춘 용어 (코드)로 옮겨 간다 프로그래밍 작업입니다.
HTML, CSS, Javascript 등 등 알고있는 사람은 친숙한 프로그래밍 언어이지만,
모르는 사람에게 횡설수설 마법 같은 문자열이 끝없이 늘어서 있습니다.

위의 이미지를 조금 확대하면 이런 느낌입니다. 숫자가 싫어하는 사람은 지옥일지도 모릅니다 만 ···
전문적인 지식은 물론, 경험의 많음과 창의력도 요구되는 작업이라고 생각합니다.
일진 월보의 인터넷 기술에 뒤지지 않고 매일 공부도 필요하기도합니다.


4 각 디바이스 (단말기)에서 확인
최근에는 스마트 폰 (이하 : 스마트 폰)의 보급으로 인터넷 쇼핑도 스마트 폰으로하는 사람이 늘고 왔습니다.
또한 신기종이 속속 출시되고 인터넷을 탐색 할 수있는 환경은 다양합니다.

각각의 장치에서 편안하게 페이지를 볼 수 있도록
장치의 종류를 자동 판별하여 최적의 레이아웃에 표시가 변하게 만들고 있습니다.

PC, 태블릿, 스마트 폰의 대표적인 실기로 표시 테스트
문제가 있는지 확인하고, 문제가 있으면 수정하고 ,,,를 반복 드디어 공개!




그런 이유로 ,,
기획 페이지는이 같은 흐름으로 제작되어 있습니다 만,
내용의 대소를 불문하고 계산하면 연평균 70 사이트 이상!
매주 뭔가의 기획 페이지가 공개되어 계산됩니다.

꽤 큰 일이 있습니다 만, 그것도 이것도 여러분에게 즐길 수 있도록!
우리는 날마다 끊임없는 노력을 계속하고 있습니다.

이상, 스칼렛 사랑 이나가키이었습니다.

※문중에서 소개 실제의 상품 페이지가 매진의 경우가 있습니다.
미리 양해 바랍니다.

(이나가키)