ホームページ制作事例(リニューアル)| 風水鑑定・経営コンサルティング| 鈴木星翔事務所 様
写真は鈴木星翔様オフィシャルサイトのトップページ
スマホ対応 | OK |
レスポンシブ | 対応済み |
トップページ最上部 | 静止画 |
鈴木星翔事務所様からオフィシャルサイトのリニューアルをご依頼いただきました。
鈴木星翔様は、風水鑑定、奇門遁甲、経営コンサルティングを専門とされており、企業や個人に対してコンサルティングを提供しています。特に法人向けのコンサルティングで豊富な実績があります。また、中国で学んだ奇門遁甲の技術を日々研究し、風水活用ツールの販売や四柱推命、インド占星術、紫微斗数などのサービスも提供しています。
今回のリニューアルでは、シンプルで洗練されたデザインを目指し、サイト全体を落ち着いたブルーの色調で統一しました。情報を整理し、ユーザーが必要な情報に迅速にアクセスできるよう工夫しています。特に、風水鑑定や奇門遁甲、経営コンサルティングなどのサービス内容を明確に表示しました。
さらに、新たに「コラム」カテゴリーを設置し、定期的に更新することで、訪問者に常に新鮮な情報を提供する予定です。
専門性と親しみやすさの融合を目指したデザイン
トップページは、専門性を感じさせつつ、ユーザーに親しみやすいデザインにしました。
まず、ヘッダーには研究者の書斎をイメージした画像を配置し、知識と専門性を強調しています。
中段には和やかな打ち合わせ風景の動画があり、キャッチコピー『「風水師っぽくない」よくお客様からいただく感想です。わたしは教えを導くような人ではなく、あなたと同じ目線で走る伴走者です。』を掲げ、鈴木星翔様の人間味と親しみやすさを感じさせます。
「専門性」と「親しみやすさ」の二つをバランスよく取り入れることで、ユーザーは安心して情報を得られ、サイトの利用頻度を向上させることを目指しています。
トップページヘッダーの静止画
打合せ風景の動画とキャッチコピー
動と静の調和:魅力的なウェブデザインの秘訣
「動」のサービス内容セクション
「静」のプロフィールセクション
ウェブデザインにおいて、動と静の調和は非常に重要です。
動的な要素はユーザーの注意を引き、インタラクティブな体験を提供します。一方、静的な要素は安定感と信頼性を感じさせ、ユーザーに安心感を与えます。これらをバランスよく組み合わせることで、魅力的で使いやすいウェブサイトが完成します。
本サイトでは、トップページ中段のサービス内容のセクションにおいて、縁起が良いとされる八角形のアニメーション背景を使用し、視覚的に興味を引く動的なデザインを採用しています。続く、プロフィールセクションでは、動きを抑え、閲覧者が内容をじっくり確認できるようにしています。
専門的な内容と親しみやすさを兼ね備え、動きのある要素と静かな要素のバランスを取ることで、さらに魅力的なデザインを実現しています。
動くミニイラストで演出する効果的なCTA
CTA(Call To Action)とは、ウェブサイト上でユーザーに特定の行動を促すための要素です。本サイトでは「メルマガ登録」や「お問い合わせ」といったボタンやリンクがCTAに該当します。CTAは、ユーザーの行動を誘導し、コンバージョン率を向上させるために非常に重要です。適切なCTAを設置することで、ユーザーが次に取るべき行動が明確になり、サイトの目的達成に繋がります。
本サイトでは、各ページの最下部にある共通フッターのCTAセクションに、弊社のイラストレーターが特別に描いた動くミニイラスト(GIF)を使用しています。これにより、閲覧者の注意を引き、お問合せやメルマガ登録に繋がる様な工夫を取り入れています。
各ページ最下部のCTAセクション
オリジナルの動くミニイラスト
詳しくは 鈴木星翔様のオフィシャルサイト をぜひご覧ください。
本サイトを通じて、鈴木星翔様が提供するサービス内容やその背後にある情熱、ビジョンが皆様にしっかりと伝わり、コンサルティングを受けた個人や法人がビジネスの成長や目標達成に向けて大きな飛躍を遂げ、成功への道を切り開けることを心から願っております。
Web Design Aoi (ウエブデザインあおい)は、仙台市青葉区と東京都渋谷区に本拠地を置くホームページ制作会社です。ホームページ(WEBサイト)制作の知識がない方でも簡単にブログを更新して頂ける「WordPress(ワードプレス)」というブログシステムで制作しています。お客様自身に日記を書くように気軽にブログを更新して頂けます。このようなブログ更新システムやパソコン・スマホ・タブレットで最適な表示が可能なレスポンシブデザインも余程のことが無い限りスマホ・タブレット用の制作費を別途頂戴しておりません。
私共にホームページ制作をご相談されたいという方は、ぜひお気軽にご連絡ください。