Profile Play Business Store Blog Contact
Spec · 02 — UI / UX Design

Neon District

東京のナイトライフ検索アプリ。地図・店舗詳細・今夜のリストの3画面だけで「今夜どこへ行くか」を決めきるための、iOSアプリのコンセプト。

Type

Spec / Concept — Neon District Inc.(実在クライアント案件ではない)

Year

2024

Role

Product Design, UI/UX

Tools

Figma, Principle, After Effects

架空のプロジェクトです。実在のクライアント・実績ではありません。

Neon District キービジュアル — 地図・店舗詳細・今夜のリストの3画面を並べたダークUI
Overview

「今夜どこへ行くか」を決める材料は、SNSと口コミに散らばったままだ。Neon District は、その判断を地図・店舗詳細・今夜のリストの3画面だけで完結させることを条件に組み立てた iOS アプリのコンセプトである。

起点に置いたのは検索ではなく「いまの状態」。開いた瞬間に現在地と営業中の店が描画され、絞り込む前にすでに選択肢が見えている。フィルタはジャンルと距離の2軸だけに削り、迷う前に一軒目が決まる導線を優先した。

Approach

真っ黒の地にマゼンタとシアンを最小限だけ置く。ジャンルは色相、混雑は光量で表し、地図の上に文字を足さずに階層をつくった。掲載写真のない店でも見劣りしないよう、詳細画面のカバーは写真ではなく発光レイヤーで生成する方式にしている。

混雑度は数値ではなく5段階の光と一行のテキスト。断定を避けた表現に統一した。ボトムシートは画面の1/4で止まり、2枚目のカードが覗く高さを既定値に。地図を隠さないこと、タップを増やさないことを最後まで優先している。

06
Screens designed — 設計した画面
3 wks
Duration — 自主制作の期間
iOS
Platform — iPhone / iOS 17
Intent (Spec)

設計したのは導入 / 気分選択 / 地図 / 店舗詳細 / 今夜のリスト / 予定(保存)の6画面。あわせてカラートークン、タイポグラフィスケール、ボタン・チップ・マップピン・カードのコンポーネントシートと、ユーザーフローのボードを制作した。

本ページは構想(Spec)です。画面に登場する店名・出演者名・地図はすべてこの案のために作った架空のもので、実在の店舗や人物とは関係ありません。効果・売上・利用者数などの実績値は一切掲載していません。

PreviousKUROMOJI Next ProjectSORA Architecture