Chotto-Maint Service Site

Credit

Client
Cat Speak
Type of Business
オンライン椅子ヨガ / ウェブデザイン / イラスト制作 / DTPデザイン
Role
  • Web Design
  • Web Development

Overview

ヨガとデザイン、双方の魅力を伝えるサイトづくり

neccoが毎月受講しているオンライン椅子ヨガの講師、コモモ先生のウェブサイト制作をお手伝いしました。コモモ先生はヨガインストラクターとウェブデザイナーとして、フリーランスで活動しています。コモモ先生が描いたかわいらしいイラストを大胆に活用しながら、ヨガとデザイン双方の魅力が伝わるサイトを目指しました。





Light Green#D7E3D5215/227/213
Light Yellow#F8F4D4248/244/212
Dusty Green#80947B128/148/123
Dusty Yellow#D3C981211/201/129
Brown#BC9575188/149/117

Client

Cat Speak

Team

Creative Direction

Fumito Abe

Illustration

Tomoyo Takahashi

Writing

Tomoyo Takahashi

Design

Seina Kon / Fumito Abe

Hitomi Natsui  / Koyuki Nakagawa

Development

Fumito Abe

Contact

お仕事のご依頼は、お問い合わせからご連絡ください。

Share

Design

コモモ先生のイラストを活かしながら、やさしい雰囲気が伝わるデザインに

オンラインヨガは企業・グループ向けでもあるため、ヨガの魅力や楽しさはもちろん、レッスン詳細や料金、実績がしっかりと伝わる構成に。コモモ先生が描いたイラストのやさしくあたたかい雰囲気を活かしながらデザインしていきました。

Typeface

文章に訴求力があり、長文も読みやすい「ヒラギノ角ゴ」

日本語・英語いずれも、やさしくてあたたかみのあるサイトデザインに合わせ、美しさと読みやすさに定評のある「ヒラギノ角ゴ ProN」を採用。英文見出しには、モダンでありながらかわいらしさを感じる「Gill Sans」を使用しています。

Color

コモモ先生のイメージに似合うアースカラー

コモモ先生のイラストで使われているアースカラーを、背景色や文字色、アイコン色などに採用しました。オンラインヨガは淡いグリーン、デザインには淡いイエローをベースに使用し、双方の領域を区別。イラストのイメージに合う穏やかな雰囲気に仕上げています。

Development

更新しやすいサイトを目指して

コモモ先生がいつでも自ら記事を更新できるよう、「実績紹介」と「お客さまの声」はWordPressで記事管理。一方、ブログはnote、体験レッスンのスケジュールカレンダーはGoogle Calenderを採用し、コモモ先生が使い慣れたツールを積極的に活用しています。

Client Voice

自身がデザイナーだからこそ、お願いしたいと思うデザイン会社です!

フリーデザイナーとして活動している傍ら、ヨガインストラクターをはじめた時、最初にオンラインでの定期レッスンを提案してくれたのがneccoさんでした。企業向けの椅子ヨガという取り組みたいサービス形式に辿り着けたのも、neccoさんのおかげです。

私自身がデザイナーなので、neccoさんのように純粋に全力でデザインに取り組むひたむきさを持つのがどんなに難しいことかは、身に染みています。

ヨガ用のWebサイトを作ろうと思った時、制作をお願いしたいと考えるのは自然なことでした。

実はサービス構成や運用をどうすべきかもハッキリ決まっていない状態だったのですが、ヨガやデザインを通して私が何をしたいのか、どう在りたいかの試行錯誤に付き合っていただけたことが本当に有り難かったです。

ブランディングを考える時、どうしてもその先の事業拡大が目標となって、ストーリーが先走ってしまうことがあると思うのですが、neccoさんは私のペースを無視せず、アイデンティティ探しに向き合ってくれました。正直コンサルを受けた時より効果を実感しています。

ちょっとメンテ
コモモ(高橋 朋代)