SAGE OKI DESIGN

オリーブの枝を背景に、ネイルチップの注文サイトを表示したスマートフォンのモックアップ

ネイルを、身支度の一部として。

ネイルチップを、服やアクセサリー、香水などと同じように、日常のスタイリングを構成するアイテムとして捉え、Webサイト全体のビジュアルを設計し、商品単体を見せるのではなく、ネイルを選ぶ時間や身につけるシーンまで含めて、日常のスタイリングの中にある存在として表現しました。

DESKTOP WEB DESIGN|デスクトップ

ネイルチップのデスクトップサイト3画面。ライフスタイル写真を使ったトップ、オーダー手順、商品詳細とFAQのデザイン

写真のサイズや配置にリズムを持たせ、暮らしやファッションのシーンを切り取ったビジュアルを組み合わせることで、商品の説明だけに偏らないWebサイトを構成しました。
また、オーダーメイド特有の相談からデザイン決定、サイズ確認、決済までの流れを整理し、情報量が多くなりすぎないよう、各コンテンツを段階的に配置しました。世界観と使いやすさの両立を意識した情報設計です。

MOBILE WEB DESIGN|モバイル

ネイルチップ注文サイトのモバイル画面4点。トップ画面、折りたたみ式のオーダー手順、カラー選択、商品詳細とLINE相談ボタン

TOP / HERO

スマートフォンの画面でもビジュアルの世界観を損なわないよう、写真を大きく見せながら、必要な情報を最小限に整理。
ファーストビューではサービスのコンセプトとオーダーへの導線を明確にしました。

ORDER FLOW

スマートフォンでは情報量が多くなりすぎないよう、オーダーの各ステップを初期状態では折りたたんで表示。
「詳しく見る」や「+」から必要な項目だけ展開できるアコーディオン形式とし、スクロール量を抑えながら詳細情報へアクセスできる設計にしました。

PRODUCT

商品ページでは、ネイルのビジュアルを大きく見せながら、価格やサービス内容、オーダー方法を整理。画面下部にはLINEでオーダー・相談するCTAを固定し、閲覧から相談までスムーズにつながる導線を設計しました。

PACKAGE DESIGN|パッケージ

マットなオフホワイトの箱に淡いピンクの曲線をあしらったネイルチップ用パッケージ

あらゆるネイルデザインに調和するニュートラルカラーを採用し、中身のプロダクトを主役とするパッケージに仕上げました。
印刷仕様では「質感のコントラスト」を重視。マットな用紙をベースにグラフィック部分へ部分ニス加工を施し、光の反射で浮かび上がるツヤが、ネイル特有の艶感・立体感を表現します。手にした瞬間の体験価値を高める仕様です。

淡いピンクの紙箱と、複数色のネイルチップが並ぶ透明トレーを撮影したパッケージ開封写真オフホワイトのネイルチップ用パッケージ展開図。注文内容の記入欄と淡いピンクのネイル形状のグラフィックを配置透明ケースに入ったベージュのネイルチップと、「THANK YOU」「HOW TO USE」のカードを収めたパッケージ
クローゼットの前に立つ女性の写真を使ったネイル注文サイトのトップ画面を、デスクトップPCに表示したモックアップネイルチップ注文サイトを表示したスマートフォンと、ネイルチップをパッケージから取り出す様子のコラージュ

あなたのアイデアも、
形にしませんか。

デザインのご相談は、お気軽にお問い合わせください。

一緒に作る

keyboard_arrow_right