記事内に商品プロモーションを含む場合があります

Web design

【制作実績】ホームページ型リットリンク制作|仕事運専門占い師 宮田シロク様

【制作実績】ホームページ型リットリンク制作|仕事運専門占い師 宮田シロク様のアイキャッチ画像

こんにちは、女性起業家様向けのweb制作をしているShioです。

仕事運専門占い師 宮田シロク様のリットリンクを
デザインさせていただきました!
制作実績としてご紹介させていただきます*

この記事はデザイン制作の大事なポイントや想いなども書いていますので、
ぜひ最後までご覧いただけますと嬉しいです♡

仕事運専門占い師 宮田シロク様

仕事運専門占い師 宮田シロク様。

「自分の強みを知りたい」「自分を活かして働きたい」女性向け占いのサービスをされてます。
メディアにも出演されていたり活躍中の占い師さんなので、仕事運を見てもらいたい方はシロクさんの鑑定がおすすめです♡
占い師に興味がある方もぜひリットリンクをチェックしてみてください^^

完成したリットリンク

仕事運専門占い師:宮田シロク様のリットリンクデザイン紹介画像

▷▷▷ 実際のページを見る

制作のポイント|デザイン・導線・原稿

全体のポイント

  • クリエイティブで洗練されたかっこいい雰囲気にデザイン
  • 色数を絞りシンプル・大人っぽく
  • 色の強弱で強さを表現
  • シンプルだけど星占いをされてることが伝わるように装飾を足している

メインビジュアル|クリエイティブさトレンド感を伝える

宮田シロク様のリットリンクのデザイン|メインビジュアルの画像
  • 最初に目に付く箇所は英語の大文字と小文字を使い分けてクリエイティブさトレンド感を出し、その下に日本語でもコンセプトを記載して伝わりやすくしてます。
  • メルマガのバナーは目立つように赤をメインにデザインしました。
    タイトル部分は文字の大小を使い分けて目立たせ読みやすくし、「Day」の部分は控えめにメリハリをつけてます。
    最後のボタンは登録してメールで受け取れることが分かるように説明文を入れました。

サービス内容|読みやすさの工夫

宮田シロク様のリットリンクのデザイン|サービス内容の画像
  • 背景が白なので、写真は全体的に境界がくっきりして強い印象が出る色の濃いものを選びました。
  • 写真を左右交互に寄せてリズムをつけ、離脱に繋がらならないようにしました。
  • 本文は左揃えで全て同じラインに揃え、読みやすくしてます。
  • 読み飛ばされないように強調したい部分を赤文字にしました。

お客様の声

宮田シロク様のリットリンクのデザイン|お客様の声の画像
  • 上のエリアまで白背景が続いていたのでこのエリアは星空の写真を使用し、メリハリを出しました。赤い花の写真も入れて強さも出してます。
  • お客様の声は見出しを赤で手書きにし。太めに調整しました。全て手書きだとチープな印象・読みにくくなるので、本文は明朝体にしてます。
  • お客様の文章をいただき、私の方で読んだ方に刺さりそうな文章を抜粋させていただきました。

実績・自己紹介

宮田シロク様のリットリンクのデザイン|実績・自己紹介の画像
  • テレビと雑誌に出ていることが分かりやすいようにイラストを入れしました。
    全体的にシンプルにまとめているので色味を増やさないように白黒の線画イラストを組み合わせて制作しました。
  • 自己紹介部分は背景は黒(青みと白を混ぜた黒)にして強さ・クリエイティブ感を出しシロクさんの雰囲気にマッチさせました。
  • 本文は黒背景に白の細い明朝体だと読みにくくなるので、太めにしてます。

最後のエリア

宮田シロク様のリットリンクのデザイン|最後のエリアの画像
  • メルマガ登録をしてほしいので、最後にもリンクを入れました。上のメルマガのデザインと合わせて目立たせてます。こちらは文章の変更をしやすいデザインにしました。
  • ボタンが4つ並ぶと単調になるのでフォントにデザイン性を持たせてそれぞれ違うデザインだけどまとまりはなくさないようにし、クリエイティブ感を出しました。
  • 最後のコンタクトは黒にして引き締めました。

公開したリットリンクのページを見る

shio
shio
強め・かっこいい系のデザインは最近作ってなかったので、新鮮で楽しく制作させていただきました!シロクさんの雰囲気に合ったリットリンクになったかなと思ってます^^
シロクさんは強さ・プロフェッショナル感もありながら、気さくでとても優しい方でした*

導線整理と世界観作り

ワイヤーフレーム

リットリンク制作のワイヤーフレームの画像※他のリットリンクのワイヤーフレームになります

ワイヤーフレーム(構成)でお客様に最適な導線をご提案して、決定してからデザイン制作に入らせていただきました。
導線ひとつひとつに意味があります

デザインムードボード

リットリンク制作でプレゼントしているデザインムードボードの画像※他のリットリンクのムードボードになります

私がデザインするうえで大事にしていることのひとつが「世界観・統一感」です。

お客様に丁寧にヒアリングし、

  • お客様のサービスの強み・特徴・想い
  • クライアントさんからどういうイメージを持ってほしいか

などをもとに

お客様のサービスに合ったデザインの世界観をお作りします

この制作したムードボードの世界観をもとに、リットリンクのデザイン制作に落とし込んでいきます。

世界観づくりはmahina様の制作実績のページで詳しく説明してます。

その他のリットリンク制作実績

【制作実績】ホームページ風リットリンク制作|サロンmahina様 のアイキャッチ画像
【制作実績】ホームページ型リットリンク制作|エステサロンmahina様こんにちは、女性起業家様向けのweb制作をしているShioです。 エステサロンmahina様のリットリンクをデザインさせていただき...
【制作実績】ホームページ風リットリンク制作|起業ブランディングプロデューサー 飯沼 暢子様のアイキャッチ画像
【制作実績】ホームページ型リットリンク制作|起業ブランディングプロデューサー飯沼暢子様こんにちは、女性起業家様向けのweb制作をしているShioです。 起業ブランディングプロデューサー 飯沼 暢子様のリットリンクを ...
【制作実績】ホームページ風リットリンク制作|アロマ講師 吉水 幸江様の紹介画像
【制作実績】ホームページ型リットリンク制作|アロマ講師 吉水幸江様こんにちは、女性起業家様向けのweb制作をしているShioです。 アロマ講師 吉水幸江様のリットリンクを デザインさせていただき...

Canvaでもホームページをお作りしております

【制作実績】Canvaのホームページ|カウンセラーさんのWebサイトを公開しましたのアイキャッチ画像
【制作実績】Canvaでホームページ作成|カウンセラー堀茂登子様のWebサイトを公開しましたこんにちは、女性起業家様向けのweb制作をしているShioです。 salon LudL カバラ生命の樹カウンセラーの 堀 茂登子...
【制作実績】ホームページ|セラピスト榊原早保様のWebサイトをCanvaで公開しましたこんにちは、女性起業家様向けのweb制作をしているShioです。  「ママと子どもの専属セラピスト」 ベビーサロンつむぎ 榊原早...

女性起業家様向けにweb制作をしてます

自分のツールで導線迷子の女性起業家さんへ

集客に繋がる導線サポートコンサル付きHP型リットリンク制作 SNSやブログをやってて、導線がごちゃごちゃで 何をどうしたらいいか分からない。。。自分でリットリンクを作ろうと挑戦したけど、 色々考えることが多くて難しくて諦めた。導線迷子なのでプロの Webデザイナーに相談してみたい。クリックしてもらえるリットリンクを作りたい。
shio
shio
デザインだけのリットリンク制作では、お客様の目的を叶えることができません。。。
なのでお客様の悩みや制作の目的など丁寧にヒアリングしたうえで、集客導線やデザインのアドバイス・ご提案をしながらリットリンクを制作させていただいてます!

\ 女性起業家様向けのデザインサービスです /

▼こちらの記事もぜひ♡

集客までの導線を整えるHP型リットリンク制作のポイント|モニター募集のアイキャッチ画像
集客までの導線を整えるHP型リットリンク制作のポイントこんにちは!WebデザイナーのShioです* リットリンクのデザインや作り方のポイントは lit.link(リットリンク)をwe...
lit.link(リットリンク)をおしゃれにwebデザイナーがデザイン【作り方・レビュー】のアイキャッチ画像
lit.link(リットリンク)をおしゃれにwebデザイナーがデザイン【作り方・レビュー】こんにちは!WebデザイナーのShioです* インスタやX、TikTok...など、運営するSNSやサービスが複数あるのに、 s...
デザインサービスのお知らせ

女性起業家様向けにweb制作をしてます|AMULEdesignのHP・LP制作の画像導線迷子やデザインの魅せ方に
悩んでる女性起業家さんへ
集客導線・世界観をサポート

Webデザインを中心に制作してます*

 

webデザイナー|Canva公式クリエイター
shio
shioのアイコン画像
*月2万人が読んでるデザインブログ運営 *女性起業家様向けデザインサービス *ナチュラルな婚姻届制作 webデザイナーを目指したい方やデザインに興味がある方へ 【勉強方法|転職活動|ポートフォリオ制作|webサイト制作|Canva公式クリエイターの仕事 etc... 】について発信しています。 このブログとともにwebデザイナーとして成長していきます!
\ Follow me /