Aikaka Note

Webページ概要

サイト名

OMU Cafe

サイトURL

http://aita94.ninja-x.jp/omucafe/

コンセプト

  • ご褒美に食べるオムライスのカフェ
  • ターゲットは高校生から20代半ばの女性

 

担当箇所・制作時間

担当領域

全て

制作時間

  • 案出し 1日
  • デザイン・構成 3日
  • コーディング 2日

使用言語・ソフト

  • HTML&CSS
  • Java Script
  • Illustrator
  • Photoshop
  • Dreamweaver

こだわった点

メインビジュアル

オムライスを専門に出す、カフェのメインビジュアルということで、フリー素材を探しましたが、自分の思い通りの画像がなかったため、素材を組み合わせてオムライスを作りました。

第一印象で「おいしそう」と思わせられるように、それぞれ色の細かい調整を行いました。

モバイルファーストデザイン

このカフェは主に若い層を狙った集客をしたいと考えていたため、スマートフォンで見ることを前提に作りました。

※職業訓練で、モバイルファーストデザインをはじめて学んだ後作成。

ハンバーガーメニュー

スマホで見ることを前提で作った上に、1ページで作ったので、指でスクロールすることで、疲れてしまうことを見こし、ハンバーガーメニューできになる項目へ飛べるようにしました。