フリーランス協会

一般社団法人プロフェッショナル&パラレルキャリア・フリーランス協会

一人ひとりが自分らしい働き方を選択できる社会を実現するためのプラットフォーム

フリーランス協会

The Situation

自分の名前で仕事をしたい人のための非営利支援団体、一般社団法人プロフェッショナル&パラレルキャリア・フリーランス協会 (以下フリーランス協会)様。協会設立3周年を記念して、WEBサイトとロゴをリニューアル。 ベネフィットプランの詳細や多岐に渡る活動内容、メンバーや賛助企業など、3年間で拡大してきた協会の全体像を もっとわかりやすく伝えたい。サイトデザイン、ロゴの刷新とナビゲージョンの見直しによって、ユーザビリティーを向上させつつ、 協会の目指すビジョン、中身が見えるWEBサイトへと生まれ変わらせたいという思いから、このプロジェクトが始まりました。

フリーランス協会 フリーランス協会 - UI要素

“フリーランス協会の立ち上げ当時、構想から設立まで僅か2ヶ月というスピードだったので、ホームページは最低限のLPを用意しただけでした。 設立から半年後に個人会員の募集を開始したり、その後ベネフィットプランが続々と追加されたりしていく中で、アドホックに 増築を重ねてきた状態でした。機能追加はなされていた一方で、肝心の活動内容を伝えるコンテンツが無かったのも課題でしたので、 一度しっかりサイトの構造から見直す必要を感じていました。

もう1つは、デザイン面での改善を優先度高く実現したいと考えていました。会員となってくださる方はクリエイターやデザイナー、 エンジニアなどクリエイティブな方が多いのですが、設立当初は信頼構築を第一に考えていたのでわりと堅いデザインでした。 代表の私が女性ということもありフェミニンな印象を持たれやすかったようで、協会のことをあまりご存知ない方から は政治団体とか女性活躍の団体とかと誤解されていたようです。

デザインを協会事務局の行動指針の一つでもある「プレイフル」で、クリエイティブ層の方々に 自分たちの拠り所だと思って頂けるデザインに変更したいと考えました。”

一般社団法人プロフェッショナル&パラレルキャリア・フリーランス協会

代表理事 平田 麻莉

プロフィールページ プロフィールページ

The Solution

リニューアルだけでなく、3周年だからこそ実現した新機能フリーランス版イエローページ 「フリーランスDB」もリリース

フリーランスの働き方の多様性、職種の幅広さ、そして協会が提供する安心・安全感+キャリア成長(ベネフィットや活動、コミュニティ) を伝えるためのコンテンツを軸に、新規コンテンツとして、現在フリーランスとして活動している方だけでなく、 これからフリーランスという働き方を検討したい、独立・副業をしたいという方にも有益な情報ページを追加。また個人だけでなく、 フリーランスを応援したいという協力・賛助企業様向け情報も集約し、フリーランス協会の全体像をサイトのどこからでもで 把握できるようにしました。また、これまでのブログをメディアとして独立させ、フリーランスにまつわる情報発信を強化しています。

そして、会員向け機能も充実。新機能の目玉として、これまで3年間積み重ねてきたネットワークを活用するため、会員同士を 検索し閲覧できることで、人脈も仕事の幅も広げることができるフリーランス版イエローページ「フリーランスDB」をリリースしました。 フリーランスDBと連動するマイページは、各ベネフィットやイベントカレンダーなどへ直接導線を作り、フリーランスDBでの繋がりも 一元管理できるようデザインしました。

フリーランスDB

フリーランスDBとは?

フリーランスの仲間が欲しい、フリーランスに仕事を頼みたいという時に頼りになるプロフィール公開&検索サービス。 デザインはSNSをのように自己紹介や連絡先、ポートフォリオを会員同士で気になる、知ってる、仕事した、 イチオシの4段階コネクションマークを付け合う機能の他、繋がりのある人の評価や強み、関係性等をコメントで紹介し合う 「他己紹介」機能も搭載し、個人の信頼資産(クレジット・人脈)を可視化・蓄積を可能にしています。 そして会員同士のプロフィール検索だけにとどまらず、協会の法人会員にも公開することで、 企業もフリーランスを検索できプロフェッショナル人材に仕事を依頼できるチャンスを増やします。

フリーランスDB - マイページ

全ての情報へアクセスできるマイページ

会員増に伴い、マイページの機能を強化。自分の会員情報やフリーランスDBへ掲載しているプロフィール情報はもちろん、 ベネフィットや協会で毎週開催しているイベント予定、フリーランスの基本情報の読み物への導線も、 すべてマイページからアクセスできるようなUIに。

“3年間積み重ねた会員ネットワークの集大成といえる新機能リリースも含み、短期間でのリニューアルを要望していたので、 毎週定例会の時間を設定してもらいました。一緒にお仕事させていただく中で、The Collectiveさんが使用する最先端の デザインツールやコミュニケーションツールでのプロジェクトの進め方には、学びや発見がたくさんありました。 特にFigmaは感動でした。デザインイメージをこちら側でも触ることができるので、言葉でのコミュニケーションの齟齬がなく、 ビジュアルを通した正確な意思疎通が可能でした。Figmaを使ったことは、我々の無茶ぶりなスケジュールが実現できた一つの大きな要因だと思います。 対面での打合せを重ねる中で、こちらから仕様や要望をお伝えするだけではなく、The Collectiveさんからも様々なアイディアやご提案をいただき、 当初のブリーフィングよりも結果的に良いものが出来上がったと思います。”

代表理事 平田 麻莉

Logo

パステル色味や細身フォントでフェミンで柔らかい印象だったこれまでのロゴの配色を進化させた、 ビビッドでスタイリッシュな4色を新しいキーカラーとし、クリエイティブでプレイフルなデザインに。

フリーランス協会ロゴ

UI/UX

男女問わず受け入れられるスタイリッシュなネイビーとロゴの4色での構成を中心にデザイン。ナビゲーションを大幅に見直し、 整理することで、フリーランスの働き方やフリーランス協会について関心を持つ個人、法人の方が、 知りたい情報に的確にアクセスできるよう検索性を向上させました。

UI/UXデザイン

“今回、最初の要望としてお願いしたことはすべて実現、達成して頂けたと思っております。スケジュールや予算の都合で今回はやらないと 決めたこともありましたが、フリーランス協会の成長と共に、またThe Collectiveさんと一緒にサイトの改善を進めていきたいと思っています。”

代表理事 平田 麻莉

What We Did

ディレクション

コンテンツ設計

デザイン

Webデザイン
Web開発
UX/UIデザイン