サラダダイニングの店舗サイト
LP
| サイトURL | https://tosh14.com/gardensalada/ |
|---|---|
| Basic認証 | ユーザID：demo パスワード：demo |
| 制作範囲 | コーディング |
| 使用スキル | HTML / CSS / JavaScript / jQuery |
| 概要 | 表参道のカフェをイメージしたコーポレートサイトです。 デザインカンプをもとにコーディングを行い、ナチュラルで洗練された雰囲気を意識し、余白設計やアニメーションの調整によって統一感のある仕上がりにしています。 デザインデータ：figma CSS設計：FLOCSS パララックス（GSAPを使用） フェードイン・スライドイン（GSAPを使用） モーダル（プライバシーポリシー） バリデーションエラー（お問い合わせフォーム） 【工夫した点】 ・FLOCSSを用いて保守性の高いCSS設計を意識しました ・共通パーツをコンポーネント化し、再利用しやすい構造にしています ・GSAPを用いたアニメーションで、ユーザーの視線誘導を意識しました |