デモサイト制作|COMPANY・CONTACTセクションのPCデザインを作成しました

記事
デザイン・イラスト
本日はデモサイトの制作を進めました!

今回は主に「COMPANY(会社概要)」と「CONTACT(お問い合わせ)」セクションのPCデザイン部分を制作しました。

COMPANYセクションでは、
会社情報が見やすく伝わるように、写真と会社概要を左右に配置したレイアウトを採用しています。

情報量が多くなりがちな会社概要ですが、
余白や罫線を調整しながら、シンプルで見やすいデザインを意識しました。
スクリーンショット 2026-05-30 23.30.02.png


また、CONTACTセクションでは、
「お問い合わせ」「LINEクーポン」「資料請求」の3つの導線をカード形式で整理しています。
スクリーンショット 2026-05-30 23.30.12.png


サイトでは、お客様によって求めている情報が異なるため、

・まずは相談したい方
・LINEで気軽に情報を受け取りたい方
・資料を見て検討したい方

それぞれが迷わず目的のページへ進めるような導線設計を意識しました。

まだPC版の制作段階ですが、
少しずつサイト全体の形が見えてきて完成が楽しみです!

今後はスマートフォン表示への対応を行いながら、ホバーアニメーションやスクロール時の演出なども追加し、より見やすく使いやすいサイトへ仕上げていきたいと思います。

引き続き頑張ります!

サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら