Imami's Portfolio
作品詳細ページです
SAKURA CAFE
このサイトについて
- 和菓子を提供する架空のカフェのサイトです。
- コンセプト：ほっこり、ゆったりと過ごせる憩いの場。
- 制作期間：10日
- ターゲット：主に女性、家族、カップル
- 配色：桜のイメージの薄いピンク、和のイメージのくすんだ赤紫、抹茶をイメージした緑色を使用。
工夫した点
PC画面（左）とスマホ画面（右）
1レスポンシブデザイン(スマホ・タブレット）にも対応
独学で制作した初めてのレスポンシブサイトです。
例）NEWSの日付:PCで見ると桜の花、スマホで見ると桜の花びらになります。
例）MENUの写真:PCは横３列、タブレットは２列、スマホは１列になります。
[参考にした本]
SB Creative「１冊ですべて身につくHTML＆CSSとWebデザイン」Mana著
2スクロールで現れる「トップに戻る」ボタンの実装
写真が多いMENU画面では、200px以上スクロールをすると右下に「TOP▲」ボタンが出てくるようにしました。