【Creative Studio 結樹様：実案件】WordPress Blogサイト構築

まつもとかおり
デザイン・システム導入

◆ 制作サイトURL 

◆ 制作概要

  • 制作時期：2023年4月～5月
  • 制作時間：総計約45時間
    • 情報整理、ワイヤーフレーム制作：約5時間
    • テスト環境構築（デザインやカテゴリ等の設定まで）：約32時間
    • 本番環境構築：約8時間
  • 使用ツール：WordPress (既存テーマCocoon使用)

◆ 使用スキル

  • ワイヤーフレーム制作

  • WordPress構築（テスト用ローカル環境、本番環境）

◆ 制作要件

  • 構成：ブログサイト
  • メニュー数：５つ
  • レスポンシブ：PC、スマホに対応

◆ 実装内容・工夫した点

  • 2カラム構成とし、右側にサイドバーを追加しました。
  • プラグインを利用し、ギャラリーの写真が画面遷移せずスライドして見れるようにしました。
  • お問い合わせはLINEを利用したいとのリクエストだったため、お友達追加ボタンを埋め込みました。

◆ デザイン・工夫した点

[デザインイメージ]

　・海       ・オシャレなサーファー 　・海辺の三角形の枝のテントでのんびり 

　・サーフィンの間は1人だけど、どこかで同じ波に乗っている人はいる

　・湘南、江ノ島、海の見える場所   ・バリ島のコテージ　・口を開けて笑っていたい

　・いわゆる占いサイトのような雰囲気はNG        

　⇒ 管理人のTomoさんが海辺でおしゃべりしているイメージ

  • 海～風～空をイメージしたグラデーションのカラーコードを指定いただいたので、そのグラデーションを全体に設定しました。
  • タイトル等のあしらいは下線のみなど控えめにし、ブログ内で投稿されている写真のイメージを壊さないようシンプルを意識しました。

◆デザイン


Cocoonのデフォルトテーマから、CSSや設定にて右のようにカスタマイズしました



WEBSITE