
(株)海老丸 (架空のHP)
作成日:
BtoB向け冷凍食品卸会社のコーポレートサイトを制作。
清潔感と信頼性を重視した青系配色で安心感を演出し、取引先が求める情報へスムーズにアクセスできるよう、ナビゲーションメニューをページの上下に、重要な問合せページには専用バナーを設置してしっかりと導線設計を行いました。トップページは業務内容をイメージさせる写真を配置し、派手さを抑えつつ直感的にサービス内容が伝わる構成を意識してデザインしました。
■ 他に工夫した点
- 画面サイズに応じて、サイドメニューを自動で開閉し、どの端末でも使いやすくした。
- トップページに動きのあるキャッチフレーズと画像切り替えを取り入れ、企業のイメージを効果的に印象づけるようにした。
■ 制作を通して学んだこと
堅実な印象を保ちつつ情報を見やすく整理する点に苦労しましたが、デザイン書や実際の企業サイトを参考にする中で、情報の優先順位や視線誘導の重要性に気づき、「伝える順番」と「見せ方」の大切さを学びました。
※ 本作品はデモ目的のため、必要最低限のリンクのみ動作しています。サイドメニューなど、一部リンクは未実装となっておりますのでご了承ください。
- 使用ツール
- Cursor Editor / Photoshop
- 使用言語
- HTML / CSS / Javascript
- 制作時間(期間)
- 約1か月
- 作品リンク
- 作品を見る