PBIサイトの歴史博物館
History of PBI website

ここPBIサイトこと「Primavera Boating Island」のTOPページを集めてみました。
このように幾度もコロコロとデザインを変える理由はズバリ、内容の乏しさを見た目のデザインで補なおうとする浅知恵です(自爆)。
でも、versionを重ねる度にDreamweaverの使い方が上達しています。(^_^)

Ver.
(期間)
PBIサイトのロゴ
(クリックすると、それぞれ
なつかしのTOPページ(だけ)をご覧になれます)
使ったWeb上の
テクニックなど
現在
(2007.5〜
  • なにもなし、色を変えただけ(爆)。
Prima SunのロゴデザインフォントであるCopperplateでイメージを統一しました。コンテンツから「Cruising」をとり、Blogに移行することとします。内容に重複無くMECEなサイトを目指したい。ってなんのこっちゃ!?

7
(2005.7〜
2007.4)

  • フリーCGIを設置するのにも飽き(笑)、こういう素材をどう使うかを真面目に悩むことも...。
  • ブログはなかなか楽しい。HPづくりよりラクに、しょうもない文書を整理できます。ただ読む価値は相当低レベルだが...自爆。
ぷりま3進水に伴いTOPページをコロモ替え! 基本的な内容はまったく替えずに(笑)デザインをぷりま3とあわせて「太陽と波」に。いままで直しそびれていた細かいリンクなども修正。Blogは初登場! そもそもプログってなんだかわかんなかったので見よう見まねで試用中。でも意外に使えそうだなこれ。
6
(2003.3〜2005.6)
  • HPの原点回帰: ヨコ配列メニューバー、フレーム分け、カウンタも「キリ番」から普通のものに。
  • お客様を大切にするポリシーは上手に残したいので、一部のクッキー・CGIは残した
それまでのバージョンが突然壊れてしまった。ファイルいじり過ぎか。というわけで緊急リリースした。CGIオモチャで遊ぶことに飽き、以前からあたためてきた「純粋にボートのHPはどうあるべきか」をそのままカタチにしたもの。ボートシーズン到来。長く続いた冬のHPイジリ〜をここで一段落させ、本物の海に遊びに行きたい。
5
(2003.1〜2003.3)
ガンガンいくサイトから「静」のある「癒し系」と高級感?を目指したいと指向するようになった(歳か?) 全体的にゆるやかな雰囲気のデザインに替え、「ようこそ」とあたたかくもてなす心をデザインコンセプトとした。
「PBI」というサイトの略称を全面に出した。これは「HomePage」「Website」などの名称は使いたくないという意地みたいなもの。
またぷりま2のイメージカラーであるピンク系も左のようなカタチで復活させてみた。
  • CGI & JavaScriptなどの他、DHTMLにまで手を染めオモチャさらに増加! サイト内のファイル構成がぐちゃぐちゃに。
  • クッキーも多用し、サイトに訪れた人をもてなすための試行錯誤はじまる
4
(2002.9〜 2003.1)
「自分のフネをどーんと見せよう」と目立とう精神炸裂! 仲間からもらった航海中のすばらしい写真を背景に多用しデザイン変更。はずかしい反面、気分はサイコ〜。
左のロゴは国際信号旗の「P」旗()をヒントにしてデザインした。ただ色は悩んだ末これまでのピンクを断念、ブルー系に戻す。
コンテンツについても、背伸びせず、自分のボートライフ雑記帳にすればいいと方針を定め、少しずつだが増えていく。
  • CGI & JavaScriptをフリー素材から採用しはじめるが、設置に失敗しなんどもサイトを壊してしまう。
  • 透過GIF, アニメGIFが自作できるようになった。
  • レイヤーでページをつくることで表示位置が正確になることを知り目からウロコ。
3
(2002.6〜2002.9)

テーマは「ピンク系」(笑)。ぷりま2就航にともない、ぷりま2船体シールと同色のピンク色系にロゴを変更。ぷりま1のときは青色系から離れられなかったので、かなり大胆なイメチェン。書体も細身のデザインとし、スッキリ洗練されたイメージを目指す。しかしピンク系は、ちょっとおかまちっくだし、なんとなくしっくりこないでその後とても悩む。
相変わらず、更新頻度は低い(反省)

  • ジャンプメニューはファイルを増やしたときにメンテが煩雑なことから廃止しシンプルなリンクに戻す。
  • クルージングページにサムネイル付きのフォトアルバムが初登場。
2
(2001.3〜2002.6)

テーマは「シンプル化」。ムダなメニューやリンクをクリックで飛ぶ数を減らした。TOPページすらも廃止してクルージングページがはじめのページになるようにしてしまった。
コンテンツはほとんど更新されぬまま(笑)、サイト内部のファイルのつながりを変えただけなので、ユーザーはこの苦労をほとんど気付かないのがさびしかった。
英語を「Islands」と複数形にした。深い意味はないが、「島」はたくさんあっても良いかなと...。諸島。
このロゴも「飽きのこない」をテーマにデザインした。

  • 全ページをひとつのテンプレートで作れるようファイルデザインを合理化。
  • ページ間のつながりを一元化してジャンプ時のストレスを軽減させた。
  • フレームなどメンテが煩雑なのでやめてしまった。その分高速化すればいいのだという信念をもつ。
  • ジャンプメニュー採用。
1
(1999.6〜2001.3)
とにかくはじめて作ったホームページで、動いているのが不思議なくらい(笑)。制作期間は2ヶ月を越えた。

サイトとして発信するものがないので、自己満足すればいいとした当初の目的は果たせた(?)
Fireworksで画像をデザインする面白さにハマる。たとえば「色-コバルトブルー、模様-波動」で、左のような素敵なロゴができてしまうことに感動した。ドローソフトが大好きになる。
  • TOPページをフレームで左右に切って、そこに
  • Navigationバーを設置。ロールオーバーイメージとした。
  • アニメgif 素材はまだ作れなかったのでフリー素材からもらって使用
  • ぷりまイラストのデザイン画(ドロー)挑戦。8時間以上費やす。難しかったー。

 

TOP Suite index

PRIMAVERA BOATING ISLANDS (c) by PBI All rights Reserved.