Felune🌙
架空のネイルブランド ・・・・・・・・・・・・・・・・
- Ito Saki
- Keywords：nail, web, brand promotion
- 完成品はこちら ← Click
- 作品概要
概要
これは何？
架空のネイルブランド「Felune」(フェルーン)を運用するwebサイト
背景と目的
ネイルは女性のファッションであったが、近年では男性もネイルをする方が増え、ジェンダーレスに自由に楽しめるものになってきている。
そんなネイルの魅力をより多くの人に知って欲しいため
また、ネイルのブランドサイトは商品の羅列が多いため、Webサイトにおいて効果的に魅力を発信する可能性を見出す。
コンセプト
「かざして見える、指先の煌めきと幸せ」をテーマに、誰でも手に取りやすいようなジェンダーレスを目指したブランド
成果物の仕様
Webサイト
完成品はこちら ← Click
制作ツール
adobe illustrator
adobe photoshop
visual studio code
プロジェクトの期間
2026.04 ~ 2026.07
まとめ
今回の制作では、ブランドコンセプトをもとに、ロゴやカラー展開だけでなく、Webサイト全体の構成やアニメーション、操作性まで一貫性を持たせることを意識した。フェードインやローディング画面、ネイルポリッシュの切り替え機能などを取り入れることで、ユーザーが自然とブランドの世界観に入り込み、楽しみながら閲覧できるサイトを目指した。また、ジェンダーレスなビジュアルやレスポンシブデザインを採用することで、多様な利用者に配慮した設計を行った。今回の制作を通して、Webサイトは単に情報を掲載する場ではなく、ブランドの魅力や価値観を体験として伝える媒体であることを学んだ。今後もコンセプトとユーザー体験を両立したデザインを目指し、より完成度の高い作品制作に取り組んでいきたい。
調査
現状調査
先行事例
技法・技術情報
プロジェクト管理
スケジュール
ガントチャート
ToDo
ブランド名、ロゴ制作ワイヤーフレーム- サイト調査
- (物撮り)
カラー名考案
NotToDo
進捗記録
2026.07.16
まとめ、修正点
- pngをjpegへ変換
- AIが主流なゆえに、画像は仕方ない
→ブランドのコンセプトをどう固めるか、思考力の問題
- 次へ発展させやすいカラー展開
- ロゴの統一感、させないといけない
- ハンバーガーメニュー
- 背景の星
- 画像の修正
2026.07.09
ブラッシュアップ
2026.07.02
サイトコードの制作
2026.06.25
サイトコードの制作
作品概要の制作
2026.06.18
サイトコードの制作
作品概要の制作
2026.06.11
サイトコードの制作
2026.06.04
サイトコードの制作
TO DO
2026.05.21
改善点
- ロゴの説明が足りていない(背景にあったような由来を)
- コレクションの説明が伝わりづらかった
→補足して修正
- ワイヤーフレーム・サイトマップの仕様について(シングルページの場合)
→樹形図というよりはワイヤーフレームのようなもの
2026.05.14
カラー決め
- 1st COLLECTIONに６色を起用
- このカラーを元にデザインカンプの作成
- コレクションごとにサイトデザインも更新する
- ピンクのカラー名Moist→Muse に変更
2026.05.07
サイトマップの作成
ガントチャートの作成
2026.04.30
ワイヤーフレームの作成
2026.04.23
試作に向けてのTo do
ブランド名、ロゴ制作- ワイヤーフレーム
- サイト調査
- (物撮り)
- カラー名考案
ブランド名、ロゴ試作
- ブランド名→Felune
- 月をモチーフとしたブランドコンセプト
- 課題点
- 月をFと見立てているが、視認性が低い
- 上の波線の角度や向き
2026.04.16
テーマ案の参考資料
- インタラクティブデザインについての研究
- 架空のネイルブランドHP制作
2026.04.09
制作テーマ案
- インタラクティブデザインについての研究(サイト運用)
- 五感を使ったデザインアート
- 空間を使ったエンターテインメント
- カップリング曲のジャケットデザイン
- 架空のネイルブランドHP制作
テーマキーワード
- 没入感、非現実空間
- テーマパーク
- 海、水
- 五感(特に視覚、嗅覚、聴覚)
- 反射、鏡
- redesign
- ジャケットデザイン
- 映像表現
- インタラクティブアート
- ネイル
- 水族館
- 色と感情
- タイポグラフィ
- ドットアート
