ロゴ

BE EXCITING!!

WIKA-ECsite
(Original Work)

ターゲット

環境に配慮した製品に関心がある層、品質が良く長く使える家具を購入したいと考えている30代~50代の方

目的

自社製造の木工品について認知していただき、商品購入へつなげる

情報設計

topに自社ブランド名を大きく設置し印象に残るようにしています。
アイテム項目へスクロールしていく際のリード文は簡潔ですが、自社の地球環境への想いなど製品へのこだわりを最初に伝えることで、ターゲットが自信を持って購入できるようにしています。

デザイン

シンプルで滑らかな曲面を持つチェアーの写真をメインに大きく配置することで、ブランドのイメージでもある国産木材の温かみを印象付けています。
PCで見た際は、ファーストビューでこの写真が見切れるように設置することでスクロールを促すデザインにしています。
アイテムの項目ごとのtitle部分に動きのある背景を設置することによって、シンプルな中にも高級感を感じられるようにしています。

制作の取り組み

架空サイト「IZUKI-lumber-yard」の木材を使用した製品を扱うECサイトを制作しました。
今回ECサイトを製作するにあたり、動画やchatGPTを使用しながらPHPを使用してカートシステムを実装しました。MySQLを使用して在庫管理をしつつ、購入のための情報入力画面までを作成しています。

制作期間

2ヶ月

使用ツール & 技術

  • Figma
  • PhotoShop
  • VSCode
  • PHP
  • MySQL
WIKAのpc画面
WIKAのsp画面