Garden Salad

Cafe Site

Development

Garden Salad架空カフェサイト、スマホ画面のビュー Garden Salad架空カフェサイト、PC画面のビュー Garden Salad架空カフェサイト、タブレット画面のビュー

LINKS

Basic認証
ID : pf-garden
Pass : pf-garden@01

OVERVIEW

「Garden Salad」架空カフェサイトのコーディングを行いました。

ANIMATION

健康管理にこだわりのある方、おしゃれ好きの20〜30代の男女がターゲットとなっていることから、おしゃれな印象、写真映えするイメージを持っていただくために写真に対してスケールやパララックスエフェクトを付与しました。

DETAILS

担当範囲
コーディング(TOPのみ)
制作期間
2021.12.20 - 2021.12.28
実働時間
8日(2〜4時間/ 1日)
使用言語
HTML(EJS) / CSS(SCSS) / JavaScript
使用ツール
git / gulp + webpack / vscode / Figma
ライブラリ
simplePARALLAX.js
Garden Salad架空カフェサイトのトップページフルスクリーンキャプチャ