Oak & Spoon
プロジェクト
北欧インテリアブランドの落ち着いた世界観をもとに、 カフェのオンラインショップを想定して制作したUIデザインです。 商品の魅力が自然に伝わるよう、余白や文字組みのバランスを意識し、 心地よく閲覧できる画面設計を行いました。
制作ツール
Figma / Laravel 11 / MySQL / Vite(Tailwind CSS / JavaScript) / Adobe Illustrator / Photoshop
デザインで意識したこと
ナチュラルで温かみのある印象を保ちながら、 商品画像・テキスト・ボタンの視線誘導を整理し、 ユーザーが迷わず商品を選べる導線を意識しました。 世界観だけで終わらない、使いやすさとの両立を大切にしています。
実装について
デザインだけでなく、Laravelを用いて画面の実装まで行い、 UIの再現性や動きの細かな確認を行いました。 デザインと実装の両面から、完成度を高めています。
工夫した点
ビジュアルの印象を損なわないようにしながら、 管理しやすい構成とレスポンシブ対応を意識して制作しました。 デザイン意図をそのまま画面へ反映できるよう、 細部の余白や文字サイズも調整しています。