UNORTHODOX WORKBOOK

BLOG TOPInformationこのWebサイトをリニューアルしました

このWebサイトをリニューアルしました

catch-renewal

このたび、THE ORTHODOX WORKSのWebサイトをリニューアルしました。

かなり適当に作った以前のサイトに比べ、今回は細部まで気合いを入れて作ってみました。ポートフォリオ色を強く意識したつもりです。

もっともっとやりたいことはあったのですけど、今の自分ではこの辺りが限界のようです。これで完成という訳ではなくて、時間があればどんどん進化させていきたいなと考えていまして、今後の課題も含めて、追加したい機能やこのサイトで挑戦してみたいことなどを簡単にまとめておきたいと思います。

今後の課題や挑戦したいこと

デザイン

デザインについては満足のいく出来ではなく、課題だらけです。本当は、綺麗な写真を大きく使ったサイトを作りたかったんですけど、綺麗な写真を用意することができず、さすがにフリーの素材を使う訳にもいかないので、ほぼ画像なしの寂しいサイトとなってしまいました。

なので、デザイン的には、もう少し画像を使った華やかなサイトにしたいと思っています。今の状態から画像を入れるというのは結構無理があるかもしれないですけど、何か寂しすぎるのを何とかしたいですね。

とりあえずは、いいカメラを買っていい写真を撮れるようにならなければいけないなと思っています(カメラ欲しいだけ)。

フロントエンド

Pjaxを使うつもりでいたんですけど、2014年中にアップしたかった為に間に合わず、今後時間があるときに入れたいと思っています。

JSはダメダメなので、ホントひどい有様になっていて、とりあえずコードを整理したり綺麗に書き直したいです。だからコードは見ないでください。。。

また、スクロールアニメーションを結構使っているのですが、カクつくなど色々と問題があるので、全て一から見直したいと思っています。根本的にJS(jQuery含み)の知識がしょぼしょぼなので、これを何とかしないといけないですね、はい。

バックエンド

レンタルサーバーから脱却したいと思っています。とりあえずさくらのVPSあたりを借りて、サーバーの構築に挑戦したいです。


その他、細かいことをあげだしたらきりがないので、この辺でやめておきます。技術や知識不足は否めないので、精進していくしかないですね…頑張ります。

ちなみにWordPressでレスポンシブになってます。IEのことは記憶から抹殺してしまったので、IE8以下では見れないようにしちゃいました。

ブログについて

2014年はこれを含めて26エントリーしか書いてなくて、こんなんじゃ駄目だなぁと感じています。ブログに対して気軽に書けない印象があって、ちゃんとしたものをアップしないといけいないとか思ってしまっているんですよね。

2015年はもっと気楽にたくさん書いていこうと思っています。カジュアルな感じで。

制作後記

実は9月からこのリニューアルをはじめた訳なんですけど、完成がこんな年末になってしまいました。あほです。

今回は、Photoshopで大まかなデザインを作って、HTMLコーディングしながらデザイン(デザイニング・イン・ザ・ブラウザ)していき、WPへという流れで制作しました。自分はBrackets派なんですけど、インブラ(勝手に略した)にはもってこいです。ユーザー増えろ。

一番時間がかかったのはデザインでして、やっぱりデザインって難しいですね。

SVGを多用

ちょっとした画像はほとんどSVGにしました。しかもインラインSVGなのでソースはカオスです。上にも書いてますけど、IE8以下はフル無視なので、何も考えず盛大に使用しました。

ほんの少し(例えば色とかを)変えたいときに、エディタからちゃちゃっと変更することができるのは、本当に便利で、病みつきになります。今後もSVGはたくさん使っていきたいですね。

菱形を多用

ロゴを菱形にしたことから、菱形にこだわったサイトにしようというコンセプトが出来上がってしまい、こんなことになってしまいました。ロゴはうちの家紋である「丸に隅立て四つ目」からきています。


とにかくABOUTページが恥ずかしすぎるので、ひっそりと変更しているかもしれません…

ABOUT

it's me

長野県北部を拠点にフリーランスとして活動しています。
Webサイトの制作をメインに、グラフィックデザインなどの制作を承っています。Twittermore

PAGE TOP