DogooBaco Loading

2015.12.21

blogサイトを作った

web

こんにちはTashiです、webのデザイナーをやっています。

以前「140億の団地」という自作イラスト集のサイトを作りましたが、イラスト以外の個人の制作物もまとめていきたいな〜ということで、この度「DogooBaco」というかたちでブログサイトを制作しました!

しかし制作物だけのブログとなると更新頻度が低くなりそうなので、制作物&趣味ブログという体で運用したいと思います^^^以下が現状予定しているこのブログサイトの記事のカテゴリーです。

  • design:制作物についての記事です。以下カテゴリをまとめています。
  • web:webサイト制作関連。
  • 3DCG:3DCG制作関連。現在blenderを使用してモデリングをしています。
  • logo/illust:ロゴや、イラスト(140億の団地以外のイラスト)などの制作関連。
  • printing:印刷物制作関連。
  • one day:日々のできごとについての記事です。以下カテゴリをまとめています。
  • curry:手作りカレーを作った際の記事。カレーを作るのが好きです。
  • coffee:コーヒーを淹れた際の記事。生豆からの焙煎、ハンドドリップでの抽出が趣味です。
  • cycling:ロードバイク関連の記事。最近ロードバイクを購入した初心者です。
  • travel;どこか旅行へ行った際の記事。
  • photo:写真を撮りに行った際の記事です。Nikon D5100で写真を撮りに行ったりします。

以上のようなカテゴリーでブログを書いていけたらと思っています^^

以下このサイトの制作について簡単に。

サイト名とロゴ

サイト名は「DogooBaco」と書いて「どーぐばこ」と読みます。

幼稚園や小学生のときによく使った、「道具箱」に因んだ名前です。当時自分はお道具箱の中はぐちゃぐちゃ派でした。しかし今思えばそのぐちゃぐちゃはきっと試行錯誤の表れだったのかもしれない!と大人になった今曲解をして、日々の制作でのチャレンジとつまづきを記すこのブログの名前を「どーぐばこ」としました。ひらがななのは、ゆる〜く運用していきたい気持ちの現れです。

 

ロゴマークは道具箱を上から見た時の図をイメージしたデザインにしました。

きったり、かいたり、くっつけたり、はかったり、やってみたいことをするための道具が詰まっています。

サイト構築

140億の団地サイト同様、WordPressでテーマ作成から構築しました。

とくに派手なことはしていないのですが、前回は「タグ」を各記事につけることで、記事のカテゴライズをしていたのですが、今回は「カテゴリー」で設計をしました。

 

タイル状に並べた記事一覧部分は「Masonry js」を使用しました。

記事一覧の各記事サムネイル画像にオンマウスをすると画像がガクブル震えます。

こちらは「CSShake」を使用させていただいています。道具箱のガチャガチャ感を表したかったで使用したのですが、うざかったらごめんなさい。

PC版トップページのロゴ左下には、その日の日付を表示するようにしています。

スマートフォンでも閲覧できるよう、レスポンシブ対応でコーディングしました。

簡単ですが、サイトの制作についてでした。細かいところはまた後日まとめていければと思います!

 

 

ご興味をもっていただける話題がありましたら、ぜひお気軽にお立ち寄りいただけますと幸いです!

よろしくお願いいたします^^^