屋根裏部屋の本棚
https://attic-bookshelf.com
| 概要 | |
| カテゴリ | ホームページ |
| 担当範囲 | サイトデザイン / ロゴデザイン / WordPressによる制作 / コーディングでのカスタマイズ |
| 使用ツール | WordPress / SWELL / Adobe Photoshop |
| 制作期間 | ３日間 |
制作のポイント
「屋根裏部屋の本棚」は、個人で執筆した小説を公開するWebサイトです。
・ デザインテーマ：和モダン×クラシック
落ち着いた深緑・生成りを基調にし、伝統的な和柄（麻の葉模様）を取り入れて、趣のあるデザイン を実現。
・視認性を考慮したレイアウト
小説のタイトルやサムネイルの可読性を向上させるため、フォントサイズやコントラストを調整。
ファーストビューのヘッダーを最適化し、自然なスクロール誘導を設計。
・ナビゲーションの整理と強調
サイドメニューのデザインを調整し、ユーザーが直感的に操作できる UIに改善。
・ フォームデザインの最適化
問い合わせフォームをコンパクトに整理し、視認性と操作性を向上。
必須項目の明確化、ボタンのホバーエフェクトを追加し、ユーザー体験を向上。
以上を心がけながら、サイトのリデザインを進めました。とてもやりがいのある楽しい時間でした！
学び
今回のリデザインでは、「和モダンのデザインバランス」と「使いやすさ」の両立 を意識しました。配色やフォント選び、余白の使い方にこだわりながら、読者が快適に小説を楽しめるデザインを目指したのです。
特に、ナビゲーションの改善や視認性の向上がユーザー体験に大きく貢献 していると感じています。
目次
キャプチャー
ロゴデザイン
