こんにちは、女性起業家様向けのweb制作をしているShioです。
起業ブランディングプロデューサー 飯沼 暢子様のリットリンクを
デザインさせていただきました!
制作実績としてご紹介させていただきます*
この記事はデザイン制作の大事なポイントや想いなども書いていますので、
ぜひ最後までご覧いただけますと嬉しいです♡
起業ブランディングプロデューサー飯沼暢子様
起業ブランディングプロデューサー飯沼暢子様(@yoko.iinuma)。
人を癒す、元気にする、才能を引き出す
個人起業家さん向けのブランディング&マーケティングコンサルティングをされてます。
完成したリットリンク
制作のポイント|デザイン・導線・原稿
全体のポイント
- 癒しを感じる女性らしいピンクを背景に使用しているけど、ワインレッドを文字などに使用することでフェミニンだけど強さ・エレガントさも感じるような配色に。
- フォントは上品かつ親しみやすさも感じられる明朝体・装飾に綺麗めな筆記体を使用。
- お花は大輪のものを使用しゴージャスさを出す。
メインビジュアル|コンセプトの内容をわかりやすくデザイン
![飯沼暢子様のリットリンクのメインヴィジュアルの画像](https://watashino-design.com/wp-content/uploads/2024/02/works-litlink-yokoiinuma-design01.png)
- コンセプトの内容「華開き大輪の花となる」とあるので、イメージしやすいようにお花の写真を入れる。
- 「世界観」「大輪」というワードから「丸」「輪」が連想されるので、文字を輪っかになるようにデザイン。
- 「ブランディング&マーケティングコンサルティング」部分はロゴ風にデザインして、読みやすく。伝わりやすさを意識。
バナー|クリックの先のアクションを伝える
![](https://watashino-design.com/wp-content/uploads/2024/02/works-litlink-yokoiinuma-design02.png)
- リットリンクを見た人に見てほしい順にバナーを配置。
- ボタンの形は全体的に統一。ここの部分はクリックすると何が起きるか分かりづらかったので、ボタンに説明を入れる。
- 花の色もアイコンで飯沼様が持っている花の色味に寄せて調節。
- バナーはひとつひとつデザインが異なりますが、余白やフォント・色味などに統一感が出るようデザイン。
サービス・お客様の声|統一感を意識
![](https://watashino-design.com/wp-content/uploads/2024/02/works-litlink-yokoiinuma-design03.png)
- コンセプトのデザインに入れていた星の装飾を見出しに付けて、
輪っかのローマ字も写真の上に重ねてページ全体の統一感を意識。 - サービス01と02のボタンの矢印は、赤だと同じ矢印が3つ並んだ見た目になりくどい感じになるので、ベージュで小さく調整。
- お客様の声はムービーが流れ、急に音が出ちゃうとびっくりされる方もいると思い、
動画で見れることが分かるようにデザイン。
動画のアイコンまで入れると、ゴチャついた雰囲気になってしまったので
「watch movie」とベージュの矢印に。 - このエリアはベージュの色味が少なかったので、統一感が出るようお客様の声の背景はベージュの大理石を敷く。
自己紹介・SNS
![](https://watashino-design.com/wp-content/uploads/2024/02/works-litlink-yokoiinuma-design04.png)
- 自己紹介文は文字が長く続くので、小さく。読みやすい明朝体ではあるけど、ストレスなく読めるようにここだけゴシック体を使用。
- HPとインスタは優先順位が低いので最後に配置。全体の雰囲気に合った写真を選択。
導線整理と世界観作り
ワイヤーフレーム
※他のリットリンクのワイヤーフレームになります
ワイヤーフレーム(構成)でお客様に最適な導線をご提案して、決定してからデザイン制作に入らせていただきました。
導線ひとつひとつに意味があります。
デザインムードボード
※他のリットリンクのムードボードになります
私がデザインするうえで大事にしていることのひとつが「世界観・統一感」です。
お客様に丁寧にヒアリングし、
- お客様のサービスの強み・特徴・想い
- クライアントさんからどういうイメージを持ってほしいか
などをもとに
お客様のサービスに合ったデザインの世界観をお作りします
この制作したムードボードの世界観をもとに、リットリンクのデザイン制作に落とし込んでいきます。
世界観づくりはmahina様の制作実績のページで詳しく説明してます。
リットリンク制作のお客様のご感想|お客様にとって居心地の良いデザインになった
![お客様の声(zoomの様子)](https://watashino-design.com/wp-content/uploads/2024/02/customervoice.png)
リットリンク制作にお申し込みいただいた理由
リットリンクをブランドの世界観に合わせて作りたいなとずっと思っていましたが、機能重視のデフォルトデザインのままになっていました。
CanvaのテンプレートからShioさんを知り、ナチュラルで洗練されたデザインが素敵だなと思い、申し込みさせていただきました。
完成したリットリンクについて
Shioさんに入っていただくことで、自分自身が満足なだけでなく、お客様にとっても居心地の良いデザインになったと思っております。
制作で印象に残ったことは
こちらの要望もよく聴いてくださるのですが、何かを決めなくてはいけない場面で
先に選択肢や提案を用意しておいてくださるのはとても助かりました。
デザインや導線のご提案について
デザインのプロならではの行き届いた提案だったと思います。
Shioの印象
デザインの雰囲気そのままの優しく、プロ意識の高い方だと思いました。
このサービスはこんな人におすすめ!
ホームページ、ランディングページ、インスタグラム、リットリンクなど集客導線のツールの世界観を統一したおしゃれなデザインにしたいけれど、デザインに落とし込むときに色やモチーフを迷ってしまう方。
プロの技を取り入れてより洗練されたデザインにしたい方におすすめです。
ありがとうございます♡
この投稿をInstagramで見る
リットリンク制作実績
![【制作実績】ホームページ風リットリンク制作|サロンmahina様 のアイキャッチ画像](https://watashino-design.com/wp-content/uploads/2024/02/works-litlink-mahina-1-320x180.jpg)
![【制作実績】ホームページ風リットリンク制作|アロマ講師 吉水 幸江様の紹介画像](https://watashino-design.com/wp-content/uploads/2024/03/works-litlink-sachieyoshimizu-320x180.jpg)
CanvaでもホームページやLPもお作りしております
![【制作実績】Canvaのホームページ|カウンセラーさんのWebサイトを公開しましたのアイキャッチ画像](https://watashino-design.com/wp-content/uploads/2024/06/works-homepage-counselor-1-320x180.jpg)
![【制作実績】CanvaでLP作成|アロマ講師吉水幸江様のランディングページを公開のアイキャッチ画像](https://watashino-design.com/wp-content/uploads/2024/06/works-LP-sachieyoshimizu-2-320x180.jpg)
女性起業家様向けにweb制作をしてます
自分のツールで導線迷子の女性起業家さんへ
![集客に繋がる導線サポートコンサル付きHP型リットリンク制作](https://watashino-design.com/wp-content/uploads/2023/11/litlink-consal-service-mv.jpg)
![SNSやブログをやってて、導線がごちゃごちゃで 何をどうしたらいいか分からない。。。自分でリットリンクを作ろうと挑戦したけど、 色々考えることが多くて難しくて諦めた。導線迷子なのでプロの Webデザイナーに相談してみたい。クリックしてもらえるリットリンクを作りたい。](https://watashino-design.com/wp-content/uploads/2023/11/litlink-hp-onayami.png)
なのでお客様の悩みや制作の目的など丁寧にヒアリングしたうえで、集客導線やデザインのアドバイス・ご提案をしながらリットリンクを制作させていただいてます!
\ 女性起業家様向けのデザインサービスです /
\ 私の制作物はこちら /
![制作実績のバナー](https://watashino-design.com/wp-content/uploads/2022/04/works-banner.jpg)
▼こちらの記事もぜひ♡
![集客までの導線を整えるHP型リットリンク制作のポイント|モニター募集のアイキャッチ画像](https://watashino-design.com/wp-content/uploads/2023/11/litlink-userflow2-320x180.jpg)
![lit.link(リットリンク)をおしゃれにwebデザイナーがデザイン【作り方・レビュー】のアイキャッチ画像](https://watashino-design.com/wp-content/uploads/2022/01/litlink-design-320x180.jpg)