架空のガラス工事店サイト

ホーム

ホーム

堅実なイメージ

制作背景

ポートフォリオに載せるデザインの幅を広げようと思い制作しました。

制作期間

2021年12月(約20時間)

制作環境

photoshop・illustrator・Dreamweaver
HTML・CSS・Javascript

ポイント

スマホ画像

サイトコンセプト
新規のお客様へサービス内容や依頼後の流れを知ってもらい、問合せを促すサイト。
デザインコンセプト
内容がわかりやすく、堅実できっちりしたデザイン。
イメージワード
堅実・地域密着・きっちり
レスポンシブ対応
スマートフォンにも対応するように、表示幅でデザインが変わるようにしました。


リンクボタンイメージ

リンクボタンの動き
リンクボタンは、マウスホバーで動きを持たせるように工夫しました。ガラス工事店のホームページのため、左から右へ窓を開けるようなイメージにしました。

スマホナビゲーションイメージ

スマートフォンのナビゲーション
表示画面が768px以下の場合は、ナビゲーションがハンバーガーメニューで表示され、タップで右からスライドで入ってくるように設定しました。問い合わせしやすいように、電話番号とナビゲーションボタンが二段組みになるようにしました。