Archives

第4期リニューアル完了～

2009/05/14（木）

ひとまず、最低限揃えるべきページと機能を揃え終わったので第4期リニューアル完了！
この間、残っていた検索云々のページと、携帯版と、ギャラリーページを全て更新・設置し終わったー。
リンク集のページが若干未完だけど、殆どが自分用の片道ブックマークだったので、まぁ気が向いた時にでもペチペチ足して行きます。

改めて今回のリニューアルでやりたかった事まとめ

久々に素HTMLサイトの用に「トップ絵」とかやりたかった

暫くブログっぽい形式でやってたので、久々に大きいトップ絵のスペースが欲しかった。
前回は完全な縦割り2カラムだったので、ヘッダー部を大きく横にぶち抜いて領域作ってみました。これで、トップ絵を置きたい時における（゜Д゜）！

ただ今回は何も置けてませんが・・・。
本当は戦場（いくさば）ヴィータをトップ絵にするつもりでゴリゴリ描いていたんですが、いざ塗ってハメてみたら色合いとかの関係でビミョーに見えてきてしまったので、今回はテキトーに合わせちゃいました。悲しい。

早々に周りに色の濃いパーツ持って来すぎたかと凹んでいますが、なんとかしよう・・・なんとか。

代償：最新更新記事が画面カナリ下に・・・。　

より見せたい情報を絞って見易く

見る側の需要と見せる側の需要が被りそうな部分をより見易く・目立つように・・・！（？）を意識してみました。

表面的にはカテゴリーもタグも排除！（携帯版は残ってるかも・・・）
これは、サイト制作側から見れば色々分類できたり、その分類を元に色々アクション作れたりと便利ですが、見る側からは「カテゴリー」とか「タグ」って括りはそこまで必須でもないかなーと。

必要なのはそれらの形式じゃなくて、中身なのだから、見せたい物に関しては別途まとめとか一覧性のあるページを用意して対処する事にしました。

要するにうちとしては別にカテゴリーアーカイブなんて見なくてもいいんじゃない？といった感じでしょうか。
これは自分が他のイラストサイトとか行った時も絵がまとまったページへのリンクや雑記へのリンクがまとまったページがあればそこからみて、態々カテゴリーアーカイブを見に行かない事が殆どだったり、ましてやさらっと流し見の時なんかはカテゴリーや一覧性自体気にせず、単純に「次へ」リンクを使うので、やっぱり必要ないなーと。

後に、入り口を広げるために的なことも書いてますが、分かり難い、必要性の薄い入り口は広げると見難くなるだけなのでバッサリ！

ただ、これはあくまでうちのイラストサイトの話なので、テキストサイトとかテキストブログの場合は探したい記事の内容のタグとかカテゴリーとか漁るので別だし、イラストサイトでも膨大なイラスト量とか膨大な描き分けによるカテゴリー分類とかできればまた話は別でしょう。
（うちのところは カテゴリーはイラストと雑記だけとかなので。）

他は内部構成？に関しては前回とあまり大きな差はないかも。
ただ、より見易くするために、前回より余白や文字サイズを大きめ大きめで取ったりしてます。

弱小はSEO掛けて客寄せ、入り口を広くしないと・・・

前回より更にSEO的にも有利になるといいなーと希望を込めてコーディングしてみました。前回の穴埋め、欠点の改善を中心にやったので劇的な変化はないかもですが。
ただ、今回はテキスト記事も気が向けばガンガン書けるようにしたので、それが釣り針になればなぁーとか妄想してみたり・・・まぁ、テキストはヘタレなのでひっそりとですけどｗ

入り口を広くする延長でモバイル版も対応

イラストサイトにモバイルユーザーがどれだけいるのかは未知数ですが、別件でモバイル対応サイト作ってユーザー数見たら結構な数だったので、これはイラストサイトでも多少対応しなくちゃまずいかなー？と思って対応してみました。（モバイル版はあまりカスタムできていませんが・・・。）

モバイルユーザーの数字的には、別件のそのサイトで大体日に1000ユーザーくらいの来てた内の、3分の1くらいがモバイルユーザーでした。
サイトの性質が情報提供系のテキストサイトだったからというのもあるかもしれませんが、結構この数字にはビックリしました。

よりイラスト1点に重みを

イラストサイトならやっぱりメインコンテンツのイラストの重みをできるだけ重くして見せたいなーと思うもので、イラスト一覧のページだけは、より自由度を上げるためにブログツール外で作ろうかと思ったんですが、更新とか、メンテとか面倒臭くなりそうだったので、今回は却下しました。

ブログツール内で見せ方を変えて、なんとか他よりメインだよ！という感じを伝えられていれば良いのですが・・・。これに関してはまぁ、日々調整していければと思っています。

あと前回までは、イラスト一覧が完全に手動更新だったんですが、今回のは面倒と忘れを回避するために、半自動化。データを用意してやれば吐き出してくれるようにしました。
ものぐさ万歳仕様！

以上がデザイン飽き解消含めて、今回のリニューアルでやりたかった事だと思います。

デザインに関しては前にも書いたとおり、ピンクを意識したデザインにしたいなーと漠然とイメージがあった所からこんな感じになりました。
他にもまだ足したい機能とかもあったりしますが、あんまり考えなしに足すとごちゃごちゃした分かり難いサイトに早変わりしちゃうので慎重に・・・。

では、そんな感じで たまくろーむ ver.4 もよろしくしてやってください。ヽ（´ー｀）ﾉ

最後に、リニューアルの際に参考にしたサイトさまとか

今回リニューアルするにあたり、色々とデザインや考え方をパク参考にさせて頂きましたのでご紹介。

知ってる人からすれば有名なエントリーたち。
これはブログツール使ってサイト作る時には、結構読み返して余計なものを削るよう削るよう自分に言い聞かせながら作ってますｗ
この3つの他にもこの話題で書かれた記事は結構あるので、トラバ巡りや検索すると勉強になります。

こちらはデザインとかブログの構成とかをパク参考にさせていただきました。
どのサイトも素敵ですので是非！
あと個人的にうまく説明はできないけど惹かれるサイトデザインなんですよねー（・ω・｀）
あんまり自身の物にその惹かれた要素を落とし込めてない感がありますが・・・；

関連ページ

▲ Return to page top ▲