企画書 / 情報設計 / WF / デザイン / マークアップ / コーディング / jQuery
職業訓練校に入校してから2ヶ月半後に作成した和菓子屋のイートインスペースの架空コーポレートサイトです。
こだわりポイント
①新しい技術にチャレンジ
②SP版でのレイアウト崩れへの注意
③使いやすさを意識
①新しい技術にチャレンジ
1. CSSでメイン画像がフェードインする / 文字色が背景色に合わせて変わる / 袋文字にする / 写真にグレーのレイヤーをかける
2. 文字の中心と同じ高さに線を引く / 太さの違う二重線を引く / 単語の途中から下線を引く
3. 半透明なガラスのような加工をする / 花を枠線上に配置 / タイトルを上下左右の中央配置（リキッドにも対応）
②SP版でのレイアウト崩れへの注意
③使いやすさを意識
PCでもSPでもスワイプする感覚を実現するためにslickを使ってスワイプできるようにしました。
