Light Lounge

Overview

TECH CAMPでの模擬案件としてコワーキングスペースのWEBサイトを作成しました。クライアントへのヒアリングからデザインの提案、コーディングまでを行いました。

制作期間 : 15日間

担当箇所 : デザイン、コーディング

使用ツール : Photoshop / Illustrator / Figma / HTML / CSS / jQuery

制作期間 : 15日間

担当箇所 : デザイン、コーディング

使用ツール : Photoshop / Illustrator / Figma

HTML / CSS / jQuery

Process

Light Loungeプロセス画像

Target

Light Loungeターゲット画像

大学を卒業しデザイン事務所に勤務。その後、独立しフリーランスとして働く。普段からパソコンを使うことには慣れていて、ITリテラシーは高めの女性。

Concept

「ワタシだけのスマート空間」

渋谷エリアには数多くのコワーキングスペースが存在しますが、空間の雰囲気が女性的で低価格なサービスを提供している場所は少なく感じられました。女性が訪れやすく開放感のある、自宅や職場とは違ったサードプレイスとしての利用を目的とした空間をコンセプトに致しました。

Design

ヒアリングを参考に余白や背景色などでシンプルで女性らしさを意識して作成致しました。PC用サイトにもハンバーガーメニューを搭載しており、スッキリとした見た目になっています。このハンバーガーメニューはレスポンシブにも適応されています。スクロールしたら右下にページトップに戻るボタンが出現したり、FAQページでは質問事項をクリックしたら回答が出現するようにコーディングしております。サービスセクションはアイコンを使うことによって視覚的にわかりやすくしました。クライアントの要望を踏まえて、全体的に暖色系の柔らかい雰囲気を意識しています。

light Loungeデザイン画像
Light Lounge ハンバーガーメニュー画像
Light Lounge FAQ画像
Light Loungeスマートフォンデザイン画像
Light Loungeスマートフォンハンバーガーメニュー画像
Light LoungeスマートフォンFAQ画像