はじめに
個人で運営しているWebサイトおよび制作・学習内容についてまとめています。
制作サイト
「Enjoy my life 自分を生きる」
サイト概要
「自分を生きる、人生を楽しむ」をテーマに、自己理解や考え方に関する気づきを発信するブログサイトです。
読者が自分自身と向き合い、前向きな変化のきっかけを得られるようなコンテンツを目指して制作しました。
ターゲット
- 自分らしさや生き方に悩んでいる方
- 内面や価値観について考えたい方
工夫した点
- スマートフォンでも読みやすいように余白や改行を調整
- フォントやデザインを統一し、世界観を意識
- 読者が静かに自分の内面や文章に集中できるよう、落ち着いた色合いややわらかいフォントを選定
- 広告を設置せず、SNSシェアボタンも最小限にすることで情報のノイズを減らした設計
- 行間や余白を広めにとり、読みやすいレイアウトを意識
- 読み手の感情の流れを意識した文章構成を設計
- CSSを用いて細かなレイアウトや表示の調整を実施
- 検証環境でレイアウトや表示崩れを確認したうえで本番環境に反映する運用を実施
- フリー素材や引用の扱いについて著作権に配慮し、利用規約や出典を確認したうえでコンテンツを制作
- 検索キーワードやタイトル設計を意識し、必要な情報が適切に届く構成を意識
使用技術
- WordPress（Cocoonテーマ）
- HTML
- CSS
- プラグイン
- Contact Form 7
- Disable Comments
- FileBird Lite
- Flamingo
- FooGallery
- LiteSpeed Cache
- Optimole
- Site Kit by Google
- WP ULike
- WPS Hide Login
- XML Sitemap Generator for Google
制作プロセス
- コンセプト/要件整理
- ワイヤーフレーム作成
- デザインカンプ作成
- 素材作成
- ドメイン取得
- 検証環境構築/検証
- 本番環境構築
- 公開
運用・管理
- ロリポップ環境にて、運用や管理のしやすさを意識したデータベースおよびファイル構成を設計・管理し、更新や修正が行いやすい状態を意識
- 有事の際に備えて、定期的なバックアップを意識した運用を実施
- セキュリティ対策としてログインURLの変更など基本的な対策を実施
レスポンシブ表示イメージ
サイトURL
Enjoy my life | 今、本当の自分を生きるとき。人生を楽しみませんか。
Enjoy my life
今後について
今後は、ユーザーにとってより見やすく使いやすいサイト設計や、デザイン・コーディングのスキルを高めていきたいと考えています。