border-浦上未央 旧ポートフォリオサイト

2000浦上未央

浦上未央旧ポートフォリオサイトborder。2000年当時、世界初?のアナログテイストのデザインで制作。

borderトップページデザイン

2000年に制作した私(浦上未央)個人のポートフォリオサイトです。

当時2000年のwebサイトには(私の知る限り)アナログの線&イラストパーツを使って作られたものがほぼなかったので、世界初のオールアナログ風でつくってやろう!と思ってデザインしたのがこのサイトです。線はすべて手描きしてスキャナーで読み込み、illustratorでアウトライン化してから色付けしました。

今となってはとても懐かしく感じます。当時は、おしゃれなファッション雑誌やWEB系の雑誌などにも取り上げていただいたりしました。

各ページのデザインをご紹介

メニューページ

メニューページはまるごと1枚絵で、イメージマップでクリッカブルに。いまは懐かしきCGIの掲示板(ゲストブック)なども設置していました。

borderのメニューページデザイン

作品ファイル

Webフォントなどなかったので、テキストのところは色気がないですね(最初はcssもなくて、2004年頃に追加したのだったかな…)ページタイトルは画像テキストです。

borderの作品ファイル(デザイン)ページデザイン

2009年頃まではこのサイトで更新もしていました。こちらはwebデザインの紹介ページ。

borderのウェブデザイン紹介ページのデザイン

こちらはロゴデザインの紹介ページ。

borderのロゴデザイン紹介ページのデザイン


グルメページ「食いしん坊ノート」

こんなお遊びページもありました。私の好きなグルメ系(主にB級グルメ)のお店を紹介するページ。それぞれの短冊をクリックすると、別ウィンドウが開いてお店紹介が見れる形です。いまだったらこんなテキストも、webフォントで表現出来るのかな…曲線に沿ってカーブさせるのはさすがにまだ無理でしょうか?

borderのグルメ紹介ページ「食いしん坊ノート」のデザイン

リンク集ページ

お気に入りサイトや、お友達のサイトなどを集めたリンク集ページを作るのも流行っていました。サイトの内容別にカテゴリ分けをして、そのイメージを表す漢字一文字をあてています。これも、よだれかけをクリックで別ウィンドウが開く形です。はっきり言って遊び心しかないナビゲーションで、いまならユーザビリティがとかアクセシビリティががが……とか言われるのは間違いなさそうですね^^;

borderのリンク集ページデザイン