WCB Cafe
カフェサイト（4ページ構成）
- Home
- News
- Menu
- Contact
書籍の課題で、4ページのカフェサイトを HTML と CSS で組みました。スマートフォンでの見え方まで、自分で調整しています。
Works制作実績
業種もトーンもさまざまです。どの仕事も、依頼主の「らしさ」を一本の糸で結ぶところから始めています。
WebsiteWebサイト・LP
掲載作品の多くは、Webデザインを学ぶなかで、架空のお店やサロンを想定してつくった自主制作（Concept Work）です。Own Media は、わたしが企画・運営しているメディアです。
CodingHTML / CSS のコーディング
デザインから組み上げまで、コードでも形にできます。ここでは書籍の課題として組んだサイトを、画面の写しで紹介しています。
Graphicメニュー・バナー・フライヤー・SNS
サイトのまわりで使う、ちいさなデザインも手がけています。目的に合わせて Photoshop、Figma、Canva を使い分けています。
Instagram 投稿以外は、架空の会社やお店を想定した練習作品です。バナーの一部は書籍の課題として、歯科医院のLPは既存のLPを模写して制作しました。
-
プログラミングスクールのバナー
「難しそう」を、やわらかい色でほどきました。
-
リノベーション会社のバナー
アースカラーと手書き文字で、暮らしのぬくもりを。
-
専門学校 オープンキャンパスバナー
コミック調の色と吹き出しで、行ってみたくなるにぎやかさを。
-
土地活用 個別相談会バナー
紺と白の明朝で、相談しやすい誠実さを出しました。
-
喫茶 ひだまり メニュー表（日英・日西）
昭和レトロな喫茶店のメニュー表です。日本語に英語、スペイン語を添えた2種類をつくり、アレルギーのピクトグラムも入れました。
-
アパレルブランドの販促バナー
白いダウンと、くすんだブルーグレーを合わせて、冬の静かな上品さを出しました。
-
ホワイトニング歯科医院のLP（模写）
迷わず予約まで読み進められる設計を、手を動かして学びました。
-
ヨガショップのフライヤー
海の写真を大きく使い、開放感をそのまま紙面に。
-
Instagram 投稿（海外生活の情報発信）
メキシコで暮らしていた頃の通院体験を、同じ立場の人が先の流れを想像できるようにまとめました。
Contactご相談・お問い合わせ
「まだぼんやりしているけれど、話を聞いてみたい」という段階でも大丈夫です。2営業日以内にお返事します。