AI MORITA PORTFOLIO

KoKiU
Room Fragrance EC Site KoKiU-コキュウ-
ルームフレグランスECサイト

Home
作品集
コキュウ

デスクトップ画面

Information 基本情報

職業訓練校のプロダクトサイト課題で制作しました。
架空のルームフレグランスブランドのECサイトを制作する中で、
プロダクトを魅力的に見せる商品ロゴや写真を制作し、購入に繋げられるサイトデザインにすることを目標にしました。

URL: https://ai-webportfolio.com/works/kokiu/kokiu_portfolio/index.html
表示サイズ: PC(フルサイズ 1920px)
クライアント: ルームフレグランスブランド『KoKiU-コキュウ-』
作業内容: コンセプト設計 / デザイン / コーディング
制作時期: 2024年5月
制作期間: 76時間(設計4時間/デザイン40時間/コーディング32時間)
使用ツール: Photoshop/Illustrator/Figma/VSCode

Concept コンセプト

サイトコンセプト

『忙しい日々をリセットし、日常空間を特別な場所にするルームフレグランスブランド』

ユーザーに届けたいストーリー

『KoKiU-コキュウ-』は、インテリアや空間づくりにこだわりをもつ、20代後半以降の男女をターゲットにしたルームフレグランスブランドです。
呼吸することは人が誰しも自然と行っていることのはずですが、忙しい日々の中ではゆっくり深呼吸することもままならない。
自分の家に帰ってきたとき、こうした日常のせわしなさをリセットし、ゆっくりとリラックスして呼吸から整えられる、特別な場所にしてくれる香りを作りたい。
『KoKiU』はそんな思いから生まれました。
フレグランスを購入して実際に部屋に置きたいと思ってもらえるようなECサイトになるようサイト制作を行いました。

Design デザイン

デザインコンセプト

商品写真はPhotoshopとIllustratorを使用し、適宜生成AIを活用したり、フォトレタッチを行いました。
『KoKiU』はインテリアにこだわりがある方がターゲットのため、
シンプルで品のある、ユーザーの自室に置いて馴染むと思っていただけるようなサスティナブルデザインにしました。
商品写真には自然を写した背景を採用することで、
パッケージのエコなデザインにマッチさせつつ、独自製法の国産素材の香りの特別感を感じていただけるようデザインしました。

フォント

ラグジュアリーなブランドコンセプトに合わせて、
見出し用の英字フォントには品のあるアールデコ調のGoldenbookを選びました。
日本語の見出しフォントはGoldenbookと並べたときに調和するようNoto Sefif JPに。
リンクやあしらいにはフォントサイズが小さくても読みやすいNeue Haas Grotesqueを使用しました。
本文には適宜Noto Sefif JPとNoto Sans JPを使用してメリハリをつけつつ、
サイト全体や見出しのテイストに合わせました。