04/ 07
sai beads accessory 今日の気分に、ひとつの彩り
A single touch of color for today’s mood
Overview概要
- 業種
- ハンドメイドアクセサリーブランド
- 種別
- Concept Work（自主制作）
- 担当範囲
- デザイン / STUDIO構築
- ツール
- Figma（ワイヤーフレーム） / STUDIO
- 制作年
- 2025年
Challenge課題設定
忙しい30代の子育て世代が、センスをあきらめずに身につけられるビーズアクセサリーのブランドを想定しました。核にあるのは「カジュアルだけど、カジュアルすぎない」というバランスです。商品はカラフルなので、サイト側が色を使うと作品が埋もれてしまう。世界観を直感的に伝えながら、Webストアと Instagram へ送り出すことを課題にしました。
Designデザインの答え
配色
- 白 #FFFFFF ベース
- 淡いグレー #E6E6E6* 紙のテクスチャ・色面
- グレー #7E857E* 文字
* 画面のスクリーンショットから拾った近似値です。
サイトの色は白と淡いグレーだけにして、紙のテクスチャで質感を足しました。色を出すのは商品写真だけ、と決めたことで、ネオンカラーがいちばん目に入ります。
書体
sai beads accessory
ロゴ・ナビ・見出しはすべて Cormorant Garamond の小文字で統一しました。細身のガラモンが、ギャラリーの展示ラベルのような軽さと余白をつくっています。
導線
- 世界観の写真
- 商品カテゴリ
- ギャラリー
- Instagram・お問い合わせ
最後に外部のストアへつなぐ
商品カテゴリを写真と文章の左右交互で紹介し、ギャラリーのスライダーで作品を眺めてもらいます。最後に Instagram とお問い合わせを置き、外のストアへつなげています。
Gallery画面ギャラリー
Noteひとこと
「何を足すか」より「どこで色を出さないか」を決めた作品です。余白がそのまま世界観になりました。
この作品は、Webデザインを学ぶなかで、架空のクライアントを想定してつくった自主制作です。掲載している店名・住所・電話番号などはすべて架空のものです。
Contactご相談・お問い合わせ
「まだぼんやりしているけれど、話を聞いてみたい」という段階でも大丈夫です。2営業日以内にお返事します。