依頼を受けてウェブ構築を行っています。
第一ハードルは「低予算」で現在も稼働しているウェブサイトの一覧です。
Production Web Design
LIFE width BAMBOO TAKEFU
サイト構築時のデザインはそのまま、tableレイアウトからcss化し、テンプレートモジュール等の見直しなどを行いつつ、レスポンシブデザインに変更。MT3終了となり、掲載品数が多いため、静的htmlでの管理が困難となり、WordpressをCMSとして使用するサイトに変更しました。
糀ドリンク 結
WordPressをCMSとして使用するサテライトサイトを新設しました。商品に関する「物語訴求」タイプのサイトでPCがメインですが、モバイル対応のレスポンシブにしました。(2020/9商品終売)
Sample Web Design
NPOひまわりママ(マルチWordPress)
CGIと静的ページからなるサイトを2011にWordpressを使用したサイトにリニューアル。
それにともない、活動ごとのサイトも構築し、マルチサイトになりました。
基本的なデザインは、そのままに、最新情報を容易に掲載できるようになっています。(2017/9まで)
Brown Plus(WordPress)
カジュアルなコーポレートサイトはロゴマークデザインから、起こしています。
Workはアイコン(シンボル画像)のリスト表示、企画コンテンツの「今日のヘン顔」は最新画像1件のアイコンを表示します。
※独自ドメインでの運営がなくなったので、静的htmlデザインサンプルとして当サーバーにアップ(2016/04/13)
カラーセラピーとフラワーアレンジメント salyu
ロゴ起こし、名刺デザインも含めての静的ページとWordpressによるBlogとの混合サイト。静的ページでは、jqueryを使って、メニューがいつでも右側に表示され、ページ変移のストレスを軽減しています。
※独自ドメインでの運営がなくなったので、静的htmlデザインサンプルとして当サーバーにアップ(2016/04/13)
炭火焼肉 華
店舗こだわりの写真素材提供をうけて、こだわりの炭火焼肉店のホームページは静的htmlで構成。店舗の希望から、トップページはフラッシュで店舗をブランディング。
※閉店により独自ドメインでの運営がなくなったので、静的htmlデザインサンプルとして当サーバーにアップ(2013/2/12)
クリエイターのための実績評価 CreativePerformanceEvaluation
静的html構成のサイトは、ロゴデザインも担当。SEOを意識して、メニューなどもテキストにして、論理構造の破綻がないように構築。
※独自ドメインでの運営がなくなったので、静的htmlデザインサンプルとして当サーバーにアップ(2013/7/16)
某華道会(サンプルなし)
和のイメージでしっとりと落ち着いたサイトを目指しています。各コンテンツのタイトルを縦書きにしたり、背景を墨にすることで、写真が映えるデザインです。
MovableType使用サンプルサイト(1)
コーポレートサイトなどで、MovableType3.3をCMSとして利用する場合のサンプルサイトです。シンプルでビジネス的イメージで、画像については、ロゴとトップのサイトイメージのみとなっています。
MovableType使用サンプルサイト(2)
コーポレートサイトなどで、MovableType3.3をCMSとして利用する場合のサンプルサイトです。カラフルなポップ系で、メニューごとにテーマカラーを背景に置いています。
静的htmlサンプルサイト(1)
イメージ優先なサイトなどをターゲットとした、トップでは画像をアピールする、静的ページです。
トップでは、ロゴのクリックでメニューが開き、コンテンツに進むとメニューは、fixed(位置固定)になります。
静的htmlサンプルサイト(2)
イメージ優先なサイトをターゲットとした、トップでは画像をアピールする、静的ページです。
トップではイメージ(背景)を際立たせるため、メニューをページ最下部に固定、コンテンツに入ると、一般的なUIを保証するため、メニューはヘッダー領域に移動します。