ryodesign

2011.10
direction, design, markup
HTML/CSS,jQuery

僕のポートフォリオをリニューアルしました。
見やすく、そして分かりやすいことを意識し、シンプルなグリッドレイアウトを採用しました。jQueryを使用して各所に動きをつけています。

ryodesignblog

2011.06
direction, design, markup
HTML/CSS, PHP/jQuery, WordPress

僕のブログをリデザインしました。
CMSはWordPressを利用し、テーマファイルはゼロから全て自分で制作しています。
記事本文に集中してもらえるようにシンプルな1カラムを採用し、トップページだけ最新記事が分かりやすいよう、各記事の見出しの大きさを変えたマガジンレイアウトにしています。

ryo's kakurega blog

2010.11
direction, design, markup
HTML/CSS, PHP/jQuery, WordPress, Photo

僕の日記用のブログをリニューアルしました。
モレスキンノートを写真に撮ったものを背景画像に使用し、まるで本当にノートに日記が書かれたかのようなデザインにしました。写真はPhotoshopで大幅に補正をかけています。

Dancing Girl

2010.12
direction, design, markup
HTML/CSS, jQuery, Photo

以前の僕のポートフォリオWebサイトです。1枚の写真を使ったシンプルなポートフォリオサイトを制作しました。
写真の状態は物足りなさと見づらさを感じますが、マウスオーバーでCMYK色に各カテゴリの背景が変わります。また「Works」を押していただくと制作履歴を見ることができます。
制作履歴では、サムネイルをクリックすることで詳細が現れます。jQueryのLightboxプラグインを試用しています。

LITTLEMARCHEN

2010.10
design

ブログやTwitterで知り合った7名と結成した、グラフィックデザインおよびWebデザインのクリエイターズグループ、LITTLEMARCHENのWebサイトです。
全員がリモートで制作を行いました。デザインとマークアップで活動領域を分け、僕はデザインの領域でいくつかアイデアを出させていただきました。
jQueryを多用した、動きのあるリッチなコンテンツになっています。

mi blog

2010.09
direction, design, markup
HTML/CSS, PHP, WordPress, Logo

@mi_dgが新しく始めるブログのデザインを依頼され、制作しました。CMSはWordPressを使用しています。
写真中心のブログになるということで、1カラム構成にしました。
タイトルロゴは大きな文字にテクスチャを加えて配置し、全体のアクセントにしました。
シンプルなデザインですが、ナビゲーションのためのアイコンを各所に設置し、ユーザビリティの向上に努めています。

ryo's web and life log

2010.06
direction, design, markup
HTML/CSS, PHP, WordPress, Photo

以前の僕のブログです。CMSはWordPressを使用し、テーマファイルもゼロから制作しました。
オーソドックスな2カラムのデザインですが、写真を全体の背景にして、コンテンツは背景が透過するようにデザインしました。
ページを読み込むたびに背景の写真がランダムで変わり、見る人が飽きないようにしています。

// Ryo Nakae

// works