Stream web design

• Webサイト新規制作
• http://www.sasaki-sk.com/
• 技術情報：XHTML+CSSコーディング / Ajax
• 使用システム：MovableType 5.01

佐々木進学教室様のWebサイトを新規制作しました。
佐々木進学教室様のキービジュアルとして長年使われてきた「青リンゴ」のイメージから連想させれる若々しい緑から、メインカラーは、グリーンとし、青葉や青い果実などを連想させる事で、これから伸びる若者のイメージと結びつけるようにしています。またメインカラーの使用面積を多く取る事で、印象強く頭に残る効果を狙っています。サブカラーは、ロゴのカラーでもある紺と、薄いグレーと、オレンジの3色を使って、果樹園を連想させる配色にしています。学習塾という堅いイメージと、学生という柔らかいイメージの両方を表現しなければいけなかったので、枠を角丸にして、真ん中はバックとの境界線が消えるようにして、枠を意識させつつ、枠を取り払うという配置にしています。

より詳しい解説はこちら>>

• Webサイト新規制作
• http://www.wbs-y.org/
• 技術情報：XHTML+CSSコーディング / Ajax
• 使用システム：MovableType 4.261

弓削野鳥の会様のWebサイトを新規制作しました。
サイトのデザインコンセプトは、「弓削野鳥の会」様のシンボルバードが「ミサゴ」という猛禽類になっていまして、そこから着想を得て、「瀬戸内海の島と海、そして空を飛ぶ鳥」という風にしています。青以外で爽やかな印象がある色の白をメインカラーにして、青はサブカラーとし、同じくサブカラーとし薄いグレーを設定しました。ページ上部に青から白へのグラデーションを入れ、空を表現し「ミサゴ」の飛翔写真を配し、ページ下部には「弓削島」のパノラマ写真を配しています。この2つの関係から、「弓削島」の景色と野鳥の関係をイメージできるようにしています。枠に、磨りガラス板が背景上に乗っている感じにして、爽やかさを補強を行っています。

より詳しい解説はこちら>>

• Webサイトリニューアル制作
• http://www.i-esperance.com/
• 技術情報：XHTML+CSSコーディング / Ajax
• 使用システム：MovableType 5.01

有限会社エスペランス様のWebサイトをリニューアル制作しました。
鮮魚の卸売りを主な業務とされていますので、イメージはやはり海を連想させて欲しいとのご要望でしたので、サイトデザインのコンセプトは、「水の透明感と海の青」としています。来島海峡の鮮魚というわけで、テーマカラーは、濃いめの青としています。サブカラーで白と薄いグレーとしています。限定的に半透明の表現を入れる事で、水の透明感をイメージしています。企業用のサイトという事もあり、ちょっとお堅い感じにする為、四角の枠を組み合わせるようにレイアウトしています。ただ、実線だと堅すぎると思ったので、抜けた感じが狙って、罫線は破線にしています。控えめな感じなって、ちょうど良い感じになりました。

より詳しい解説はこちら>>

• Webサイトリニューアル制作
• http://www.branchcoffee.jp/
• 技術情報：XHTML+CSSコーディング / Ajax
• 使用システム：MovableType 4.23 / EC-CUBE 2.3.4

有限会社ブランチ様のWebサイトをリニューアル制作しました。
サイトデザインのコンセプトは、「シンプル」です。「branch coffee」様の実店舗が、シンプルなデザインを基本としているので、それに合わせています。コーヒーのネット販売も行うので、テーマカラーは、淡いブラウンとしています。サブカラーで薄いグレーも使っています。ただ、単色ベタ塗りだけだと堅い印象が強くなり過ぎると考えたので、背景のみグラデーションにして、柔らかみをここだけで感じさせるようにしています。

より詳しい解説はこちら>>