Photographer竹下祐樹Official Web Site

http://takeshitayu-ki.sakura.ne.jp/

Category: Webデザイン

Type:ポートフォリオサイト

Concept:「カッコよさ」と「斬新さ」、BOOK代わりになるWebサイト。

Skill: / / /
yt_pages

WordPressを用いたブログ付きのWebサイト。
ファッションポートレートフォトグラファーのクライアント様なので、とにかく「スタイリッシュさ」と「斬新さ」を意識したデザインにしました。 また、撮影や造形に携わる人間は誰しも「BOOK(ブック)」という作品集を持っています。 しかし、自分もスタイリストをやっていた頃、BOOKをいつも持ち歩いていた訳ではなく、「あ、持ってきておけばよかった・・」といった場面に出くわすこともよくありました。いつも持ち運べて、ふとした時に見せられるものだと便利だなと考え、サイトをBOOK代わりになるようなつくりにしました。持ち運びに便利という観点から、モバイル端末での閲覧を重視したつくりにしています。

おおよそ「何をやっていて、どんなことをしてきて、どんなことができる」をすべて盛り込めたと思います。クライアント様への提案時もタブレットを片手に説明やプレゼンが行いやすいようなデザインになっています。

User Interface

screenshot

Responsive

デバイス毎にレスポンシブに可変するデザイン。

Horizontal Scroll

マウスホイール、左右フリックでページ単位での横スクロール。
(※モバイル、タブレットのポートレートモードでは通常の縦スクロール)

flick2
yt_gallery yt_gallery

Gallery

カテゴリー別のフィルタリング付きギャラリー。 各写真は拡大表示もできる。
※拡大表示時もマウスホイール、ピンチで更に拡大(縮小)可能。

Front End

yt-login

ログイン画面

オリジナリティと気分を上げ、更新のモチベーションに。

管理画面

管理ユーザー(左)とそれ以外のユーザー(右)での表示の違い。 更新そのものに必要のないものはすべて取り払いすっきりと分かりやすく。 とにかく更新しやすく、をテーマに様々な気を配りました。

管理者では管理画面でほとんどのことが編集できるようになっている。その他のユーザーでは更新頻度の高い項目以外はすべて削除。管理画面をすっきりとさせ「迷わせないつくり」にしている。

yt-dashboard

JavaScript Not Working!

当サイトでは閲覧の快適性向上と、あなたの操作に対し応答を行う為にJavaScriptを利用しております。
JavaScriptがOffの状態ではこれらの機能が動作しません。本来の状態で閲覧するにはJavaScriptを「有効」にして、ブラウザの「再読み込み」をお願い致します。

» 各ブラウザでのJavascriptをオンにする方法