sion

blommaについて

blommaは、ニューヨークを拠点とするフローラルスタジオです。自然の美しさをそのままに、個性的で美しいフラワーアレンジメントを提供しています。季節の花々を使い、心温まる体験を皆様にお届けします。

私たちのサービス

ブーケアレンジメント
イベントデコレーション
個人レッスン
コンテンツへスキップ

愛しかないんだ

WORK

Web Design

ディレクション、デザインからコーディングまでを全て一人で行っていました。掲載する情報をどうしたら見やすく分かりやすくなるのか、また、目的を果たせるように構成やキャッチコピー・文章などもデザインにすることを意識しています。

Graphic Design

サービスのロゴ・チラシ・営業資料や、バナーなど多数制作をしてきました。内訳は、ロゴ3件・バナー43枚・アイキャッチ13枚・チラシ3枚・営業資料3件で、社内のロゴコンペで選ばれた経験もあります。

UI/UX Design

主に、サービスの管理画面のUIデザインを制作していました。また、新規サービスの議事録アプリでは、立ち上げメンバーとしてプロジェクトに参加し、デザインの責任者としてユーザーが使用する画面のUIデザインを担当しました。

【制作時間】2022年〜2023年にかけて随時

【使用ツール】Adobe Illustrator・Adobe Photoshop・Visual Studio Code

導線分析ツールのサイトリニューアル

トラッキングナビ

▶ Direction , Design , Writing , Coding

(( 🏆成果・実績 ))

案件の隙間に少しずつ修正を重ねていき、最終的にはリニューアル前に比べ、資料ダウンロード数が2.8%増加。問い合わせ件数も1.1%増加した。

(( 👩‍💻業務内容・取り組み ))

・サイトにメリハリがなかったり、サブページと重複している箇所が複数見られたため、構成を大幅に変更。トップページではユーザーが興味関心を持ちサブページに遷移してもらえるように、要点をコンパクトにまとめた。

・FVを見ただけでもどのようなサービスか分かるように、サービス導入後のメリットをキャッチコピーにした。また、ターゲット・特徴・実績・CVボタンを追加。

・FV以降にも横に追従するCVボタンを配置して、ユーザーが興味を持ったタイミングで資料ダウンロードしてもらえるように考えた。

・コンテンツ内容と対になっている資料のCVエリアを配置。資料の概要がすぐに分かるようにCVエリアのキャッチコピーをつけたり、アイキャッチを修正した。

・イラストだけでなく、安心感をもってもらえるようにサービスの管理画面や人物写真も載せた。

IR情報配信ツールの新規LP

シェアビー

▶ Direction , Design , Writing , Coding

(( 🏆成果・実績))

完成したサイトのデザインだけでなく、MTGでの提案の仕方や普段の進捗報告などコミュニケーションの取り方がクライアントから好評だった。そのため、クライアントの会社に一人常駐することが決まり、新規常駐席の開拓に貢献した。

(( 👩‍💻業務内容・取り組み ))

・記載したい情報が多かったが、箇条書きでまとめたり、図解で表したりして、クライアントが伝えたいことは何を意図を汲んだ上で、ユーザーにとって分かりやすいサイトになるように工夫した。

・既存のtoCサイトのトンマナを踏襲しつつ、ロゴの色にサイトの色を合わせることによってサービス全体の統一感を出した。

・実際にサービスを使用している姿を想像してもらえうように、人物の写真やイラストを多く使用して、クライアントの要望である安心感や親しみやすさを表現。

・なぜそのデザインがいいのかや、なぜ文言を修正が必要なのかなど、より良いものになるように意図を説明し、提案をした。その上でクライアントの譲れない部分はきちんと意図を汲み、デザインに反映させた。

【制作時間】1ヶ月

【使用ツール】Adobe Illustrator・Adobe Photoshop・Visual Studio Code

【制作時間】3週間

【使用ツール】Adobe Illustrator・Adobe Photoshop・Visual Studio Code・Adobe XD・PowerPoint

タブレット受付システムの新規LP

フレスペック

▶ Direction , Design , Writing , Coding

(( 🏆意図・目的))

ビジネスフォンシステム「Frespec」を使用している既存顧客や少人数で経営している会社への周知。

(( 👩‍💻業務内容・取り組み ))

・システムを導入後のイメージがしやすいように、写真をメインに制作した。また、安心して導入できるように笑顔の人物写真を使用している。

・小規模の企業の人に不安や不信感ではなく、誠実で堅実な印象を与えることが出来るように工夫した。真面目さや信頼感を与えるネイビーをメインカラーに、直線的なデザインにしている。

・資料ダウンロードがCVであるため、一番目立つように青系ではなくピンクを使用。トーンがあるように深いピンクにしている。

・付随している受付アプリのユーザー画面やダウンロード資料、チラシも制作。

AI判定手洗いシステムの新規LP

テアライト

▶ Direction , Design , Writing , Coding

(( 🏆意図・目的))

食品製造業に携わる人へのシステムの周知

(( 👩‍💻業務内容・取り組み ))

・サイトに訪れたユーザーが共感して、興味を持ってくれるようなストーリ性のある構成にした。

・ターゲットの胸を衝くようなキャッチコピーと何のためのサービスか分かるようなシンプルな構成にした。構成がシンプルなので写真やイラストではインパクトが出ないと思い、より臨場感が出る動画を使用している。

・客観的な数字やデータを用いたコンテンツを上に持ってきて、ユーザーの抱えている課題を明確にして、当事者意識を持ってサイトを閲覧してもらえるように工夫した。

・付随している受付アプリのユーザー画面やダウンロード資料、チラシも制作。

【制作時間】2週間(2021年公開)

【使用ツール】Adobe Illustrator・Adobe Photoshop・Visual Studio Code・Adobe Premiere Pro

継続して案件を取得することに成功

求人バナー

▶ Direction , Design

(( 🏆成果・実績 ))

制作物がクライアントに高く評価され、7月から毎月継続して案件を受注することができた。

(( 👩‍💻業務内容・取り組み ))

・発注書に記載されている「訴求内容・文言・実写またはイラストの指定」を元に、素材集めを含め1枚約30〜1時間で制作。

・作業時間を短縮するために訴求内容にする関連するキーワードを考え、ジャンル分けをして、ジャンルごとに構成や素材などデザインの方向性を決めるようにした。また、修正依頼があったときは、修正後のバナーを2、3種用意して戻しが少なくなるように工夫していた。

・「少女漫画風」という依頼がきたときは、素材探しや編集に時間がかかりそうだと判断し、イラストを自ら描いて制作した。

【制作時間】1枚 約1時間

【使用ツール】Adobe Illustrator・Adobe Photoshop使用ツール】

目的達成のためのデザイン

見た目だけが良いデザインではなく、ユーザーに取ってほしい行動・サイトを制作する目的を1番に考えたデザインを得意としています。そのために、すぐにデザインに取り掛かるのではなく、ヒアリングをしっかり行い、意図を考えてから手を動かすようにしています。

新しいことをすること

デザイナーが一人しかいない環境だったので、動画制作など自分の専門外のこともすることがあり、新しい試みに対して臆せずに挑戦できます。また、日々流行が移り変わるWeb業界の情報をいち早くキャッチするように、情報収集をかかさないようにしています。

迅速なコミュニケーション

在宅勤務だったこともあり、チャットやメールでのレスポンスはすぐにすることを心がけています。また、相手に依頼する際にも分かりやすいように必要であればスプレッドシートなどを用いて戻りが少ないように工夫しています。

TOOLS AND CODING LANGUAGES

問題なく使用可能

● Adobe Illustrator

● Adobe Photoshop

● Figma

●Visual Studio Code

● HTML

● CSS

● Officeソフト

調べながら使用可能

● JavaScript

● WordPress

使用したことがある

Adobe Premiere Pro

● Blender

PAGE TOP