• TOP
  • 辛口Lab.様ECサイト

制作実績

辛口Lab.様ECサイト

https://karakuchi-lab.com/

クライアント:
辛口Lab.

カテゴリ:
ECサイト

制作期間:約1ヶ月(デザイン:2週間、構築:2週間

使用言語・ツール:WordPress Figma

ディレクター:ごんたく

エンジニア:ほうせん

Webデザイナー:あやさい

辛口Lab.様より自社ECサイトの制作を承り、ディレクション、デザイン、コーディングを行いました。

制作概要

構築

WordPressの有料テーマ「SnowMonkey」をベースに構築をおこないました。カート機能は1から制作しております。
現在位置が分かりやすくなるよう、「メニュー」や「ご注文の流れ」など、各セクションまでスクロールすると、ヘッダーの該当メニューに下線が引かれるようにしました。(カレント表示)
各メニューの編集画面では、メニュー名や価格、商品説明ごとに編集項目を分けることで、誰でも簡単に、迷うことなく更新できるようにしています。
注文後は、お店側に注文内容メールが送信されるとともに、お客様側にも注文内容の確認とお礼のメールが自動で送られるようにしました。

デザイン

全体的に隠れ家的な雰囲気を背景で持たせつつ、辛口カレーのイメージカラーの赤と黄色を配色に使用しました。
FVのカレーの画像でインパクトを出し興味を持ってもらい、ページの合間にカレーに関わる画像を多く使用することで、食べてみたい、家でもこんなトッピングしてみようかなとイメージを膨らませてもらえるよう配置しました。
メニューではカレーの画像を切り抜き奥行き感を出し、辛さの違いを炎のイラストと色の違いで表現しています。