WEBサイト

https://kaedeikuta.shop/piece/kotonoha/index.html

概要

架空の読書のできるレトロ喫茶店「喫茶コトノハ」のWEBサイト。
職業訓練校の課題として、jQueryを用いたリサイズヘッダーおよび、モーダルを必ず利用するという条件で制作。

作品形態

WEBサイト　※レスポンシブ非対応

ターゲット

年代問わずカフェ巡りや昔ながらの喫茶店が好きな人。
落ち着いた雰囲気で本を読みたい読書家の人。

コンセプト

昔ながらの喫茶店のメニュー表のような懐かしさ。
読書に適した空間であることを表現するための落ち着いていて安心感のあるデザイン。

デザイン

レトロ感を表現することを第一目標に据えて制作。
画像には写真の褪色を表現するために薄い黄色のフィルターを使用し、一部にはノイズを加えている。
色はアースカラーや暖色系の色で統一することでレトロ感と落ち着きを表現。

使用フォント

Kaisei HarunoUmi / Noto Serif JP / Lora

使用色

制作時期

2025年 8月

製作時間

使用ツール

Figma / Photoshop / HTML / CSS / jQuery / Swiper