Works — Night Ice Cream

こんな夜更けに
アイスかよ

夜の街に灯るネオン看板のように。夜しか開かないアイス屋さんのわくわく感と、店名の「ツッコミ」の面白さを、光る文字と動きで伝えるサイトにしました。

パソコンの画面（1920×1080）で、トップページを上から下までスクロールした様子です。

Design Pointsデザインのポイント

Point 01
店名をネオン看板にする
「こんな夜更けに、アイスかよ」の文字が順番に点灯し、「か」の一文字だけがときどき切れかけます。店名を読んだ瞬間に、お店の楽しさが伝わる入口です。
Point 02
夜の時間が、ひと目でわかる
営業時間を光る管のグラフで表しました。夜だけ開くお店だということが、文字を読み込まなくても伝わります。
Point 03
商品は光る枠で浮かび上がらせる
メニューの写真を丸・角丸・アーチのネオン枠で切り抜き、暗い背景の中でアイスが主役になるようにしています。
Point 04
初めてでも迷わない
予約の要不要や支払い方法など、来店前に気になることを「はじめての方へ」に整理し、駅からの道のりはネオン風の地図で案内しています。

カラー

#0B0B1E背景（夜空）#17173B面の色#FF4FA3ネオンピンク#3EF0FFネオンシアン#FFF4E6文字

フォント

Mochiy Pop One（見出し）／Monoton（ネオン風の英字）／M PLUS Rounded 1c（本文）

ページの構成

動き

ネオンの点灯、ときどき起きる「またたき」、横に流れる文字の帯。夜の街を歩いているような、少しにぎやかな動きにしています。

※自主制作：大阪・布施のアイスクリーム店「こんな夜更けにアイスかよ」のサイトとして、当社が制作したデザインです。写真はイメージです（Unsplashの写真を使用）。