個人で料理とネイルをされていて、料理とネイルの作品をブログ化したいための依頼で制作しました。このサイトはconcrete5で構築してあり、concrete5の強みを生かしたブログ+コーポレートサイトのようにしてあります。ブログはよくWordPressと代表されていますがコーポレートサイトでも強いconcrete5で問題ないので提案して制作させていただきました。
URL:https://ayanyan.net/
プロジェクトの流れ
構成について
トップページはご本人がブログをやりたいというニーズだったので、ブログ一覧になるように構成しています。ブログの一覧にはmasonryというjqueryを使用しています。ウィンドウをリサイズするときにバラバラと並ぶようにしてあります。
料理のジャンルとネイルのジャンルがでるようにカテゴリーを採用してカテゴリーの内容をアイコン表示ができるようにしています。またサムネイルの写真の大きさやアイコンの取り付けが選べれるようにしています。
トップへ戻るには一工夫しています。おしゃれな音楽を聞きながら楽しんでページを上がっていただけるようにしております。
ブログだけではなく、お問い合わせページやインフォメーションページやよくある質問などをページ構成として盛り込んでいます。
権限機能でブログ記事やInformationページの運用をしており、毎週木曜日には期間限定ページを公開できるようにしています。
デザインについて
ご本人はピンク色と猫が好きなので、やんちゃな猫(ロゴ)を書かせていただきました。そのキャラクターとテーマカラーをつかってサイトデザインをしています。今回は左サイドバーを軸にしたWEBサイトにしています。
コーディング・マークアップについて
WEBサイトの土台が今回がconcrete5というCMSを採用しているので、CSS設計は重点にしています。保守性と可続性と再利用性を重視しているのでコンテンツが追加されてもメンテナンス性のある設計にしてコーディングをしています。SEOを意識したコーディングをしています。要件定義以外のブロックが投入したときは、ブロックのコーディングが必要にはなります。拡張性を考慮したサイト設計をしています。
運用について
クライアント様の方でコンテンツ更新(ブログ)ができるようにしています。今回はconcrete5で制作しています。ブログの更新はフォーム入力となり、リテラシーがない自分でも使いやすいという評判はいただいています。
- concrete5
- コーポレートサイト
- レスポンシブデザイン
- 新規サイト