山田製油海外サイト
2022.10-2022.12
ごま製品ECサイトの海外向けページ新規作成
Soft : XD / Photoshop / VScode
Url : https://sesamepaste.jp/en/
概要
一番搾りのみ使用した香り高い胡麻油とごま製品を扱う京都へんこ「山田製油」様の海外(英語/中国語)向けランディングページの作成を行いました。ディレクター1名、デザイナー1名(本人)の計2名の案件で、webデザイン/コーディングを担当しています。
制作範囲
Webディレクター1名/Webデザイナー1名(本人)
デザイン･･･1週間半
コーディング･･･1週間
ターゲット
ECサイトに訪れた海外の顧客
目的
海外客の流入数/購入数増加
日本と海外の違い
デザインの違い
日本のLPと違い、あまり装飾しない「写真とテキストのみ」のレイアウトで基本的に進めていましたが、LP自体が長いため最後まで読んでもらえるように最小限の装飾や動きで変化をつけました。
通信速度の違い
どの通信環境でも表示が遅延しない軽量のコードを記述する必要があったため、パフォーマンス改善のためのHTML最適化をしました。例：ファイル内の無駄なコード削除、画像の軽量化等
デザインのこだわり
幅広い商品展開をどう見せるか
LPページ内で商品の一覧を掲載したいとのご要望でしたが、商品数が多く見せ方に試行錯誤しました。SPの場合スクロールしてしまうと縦に長いため商品カテゴリが見えなくなってしまいます。そのため、商品カテゴリのタブを固定して常にカテゴリ名がわかるようにし、商品詳細については開閉できるようにすることで縦幅を圧縮しました。6パターンほど見せ方を提案し両者で検討の末、現在の形に落ち着くことができました。
サイト制作を通して
結果/お客様の感想
お客様の社内でも評判が良く、また実際に海外(アメリカ、中国)でもサイトを確認いただき現地の方にも見やすいと好評だったとのことです。
学んだこと
海外のサイトのため、日本のLPのように装飾を入れる必要はないのでどうレイアウトに変化をつけるか考えることで自分の表現の引き出しを増やすことができました。
