東京大学 岩石構造・テクトニクスグループ（岩構）

作品名

お花の通販サイトFlorist am Main（架空サイト）

概要

バナー制作練習を主目的として取り組みました。
素材は制作者撮影写真とpixabayより収集。
その他すべてIllustrator, Photoshopにて制作しました。

デザインアイデア

PC、スマートフォンどちらからでもバナーが映えるよう、主にグリッドレイアウトを使用して配置しました。
ECサイト独特の賑やかな演出、バナーに影をつけることなどからクリックを促しています。

作品名

店舗紹介サイト和菓子処桃山（架空サイト）

概要

著作権フリーサイト（https://pixabay.com/）にて素材収集、ロゴや背景はIllustratorで制作しました。

流入フロー

ふとしたときに店舗を知り情報収集のため訪問するという客が多いことを想定し、モバイルファーストでデザイン。

デザインアイデア

リアル店舗への新規顧客、開店予定のECショップへのポテンシャルも高めるため、色合いや余白などで店舗のブランディングを試みました。

作品名

野球ファンメディア Cracker Jack（架空サイト）

概要

著作権フリーサイト（https://pixabay.com/）にて素材収集。

流入フロー

当初はメディアサイトをイメージしたため、PCファーストとしてデザインしました。その後、初めてのレスポンシブ対応をこの作品で試みました。

デザインアイデア

ほぼ初めての一貫したサイト制作だったため、CSSのみのハンバーガーメニューやグリッドでのタイルデザイン、Flickityの活用など多くのことを試みました。