企業サイトとしての信頼感を重視し、白を基調としたシンプルで整ったレイアウトで構成したデモサイトです。
トップページでは企業イメージを象徴するカバー画像を配置し、事業内容やニュース、会社概要へ自然に誘導できるよう視線の流れを設計しました。
スマートフォンでの閲覧を前提に、情報量を整理しながら読みやすさを優先したレイアウトを採用。
サービス紹介・ニュース・企業情報といった必要な情報へスムーズにアクセスできるよう、階層設計と余白の使い方を丁寧に調整しています。
HTML / CSS を中心に制作し、レスポンシブ対応や画像最適化、OGP設定など、実務で求められる基本要素を網羅。
デザインからコーディング、公開まで一貫して制作した、Web制作スキルを示すためのデモサイトです。
▼ 公開URL
https://yurato-design.github.io/corporate-site/
▼ GitHub Repository
https://github.com/yurato-design/corporate-site (github.com in Bing)