Sheepen.netの構想・テーマについて

1. 何故このサイトを作ろうと思い立ったのか

まずWebデザインの勉強を始めたばかりなので、自身の勉強のためにということ。次に、営業なり会社の面接なりで自分を売るという場面に立った際、見せることの出来る制作物が少ないということがありました。(特にWebコンテンツ)
であれば、自分のために作ったポートフォリオやブログ自体も制作物の内のひとつだ！　というスタンスで行くしかないと思い、このブログを作ることを決めました。

2. 最初の企画・構想

僕の弱点は独創性にかける、お題無しに何か考えるということが苦手ということです。なのでデザインを考える最初の段階に一番時間がかかりました。考えるふりをしながら寝てたりしていました。
そしてやっとの事で頭に浮かんだボンヤリしたイメージが以下の項目です。

• あんまりゴチャゴチャさせたくないなぁ
• 色使うの苦手だから、克服する意味でも今回は使いたいなぁ
• 少し可愛い感じがいいなぁ
• ラルクの虹の感じ、いいよなぁ
• ラルク……いいよなぁ

で、出来たカンプがこちらです。カンプと言っていいレベルの物かわかりませんが。
（クリックで大きく表示されます。）

調整してこんな感じになりました↓↓

ロゴの話は別で書くとして、こんな感じでオレンジをメインとした虹色のページをデザインが出来ました。基本的に真っ白(#FFF)と真っ黒(#000)は使わないようにしています。（フォームは真っ白の方がわかりやすかったので例外。）背景は気付かれない程度のテクスチャをかけています。基本的に文字のかかる背景はさりげなさが大事だと思ってます。気付かれないなら気付かれないでいい、それくらいの気持ちで。

ヘッダーとフッターのレインボー部分は前者の鮮やかな物もキレイで良いんですけど、ちょっと目が痛いかなってことで彩度を抑えました。まだ主張が強い感じがしているので、ドットをかけて薄くしようかと現在考え中です。
この部分の画像についても別で記事にしたいと思っていますが、凄く時間がかかりました……仕事にするんだからスピードもつけていかなくちゃですね。

3. 機能・構造面

デザインでなく、造り的な面での考えは以下の通りです。

• WordPressでテーマから作る。
• レスポンシブにする。
• 余計な機能をつけすぎない。
• データサイズを意識する。
• ロゴ、アイコン等の画像にはできるだけSVGを使う。
• 内容が内容なので対象ユーザーはある程度ITリテラシーのある人とする。
• 今後テンプレートとして使い回せる構造を作る。(なので本サイトでは使用しない一般的な機能も多少は付加している)

WordPressの既存テーマのカスタマイズすらまともにしたこともないのに、１からオリジナルで作るというのは相当苦労しています。でも仕組みから理解できるので、後に役立ってくれると信じて頑張っています。
まだまだ作り途中なので、これからも手こずりながら、悩みながら、涙を流しながら進めていこうかと思います。頑張ろう。