WEB制作 制作事例

デザイン

かき通信販売、焼き牡蠣食べ放題サイトを縦長ページで作製
小島水産かき養殖場 様
ヤフーや楽天などの通販サイトでよく見かける縦長のページです。
商品の特徴、良さを写真を入れ、順を追って説明してあります。
売りたい商品が少数で絞られる場合に効果的なレイアウトです。
このサイトでは、当社で浦村かきの情報を調べ掲載いたしました。
カキにまつわる情報やレシピなど、もっと多く紹介できるとさらに良くなると思います。
打ち合わせ
三重県「浦村かき」のネット販売と、焼き牡蠣食べ放題を中心としたサイトを作りたいという依頼でした。
パソコンに慣れていないお客様でしたので、こちらから提案する形で打ち合わせをいたしました。
サイトプランの構築
商品は「浦村かき」のみなので通販サイトによくある縦長ページで制作することにしました。
まず「浦村かき」の説明で他との差別化をすることで訪問者様に興味を持ってもらい、販売ページへ誘導します。
焼き牡蠣食べ放題は写真撮影をし掲載することにしました。
殻付きかきのむき方やかきに関する豆知識も入れることにしました。
制作予算は抑えたいとのことで、サイト構成は極力簡単なものにしました。
デザインの制作
デザインについては任せていただき制作いたしました。
幅広い年齢層を意識し、フォントサイズを少し大きめにしました。
FAXでの注文が中心となるため、FAX用の注文書をデザインし、PDFも用意しました。
テキスト入力・テキスト校正
説明いただいた内容を構成しました。
写真撮影・画像加工
デジカメで撮影後、トリミング、解像度の変更が主な作業となります。
コーディング
コーディングとはデザインをブラウザで読めるように、XHTMLとCSSと言う命令に書き出すことです。
可能な限りW3C準拠で制作します。
W3C準拠
W3C準拠で制作する理由
ニュース番組では「標準語」で話す、のと同じでWEBでは、標準のソースコードで書くのが妥当と考えます。
web標準で制作することは、思わぬレイアウト崩れなども少なくなります。
最終チェック
最終チェックも、修正箇所は、ほとんど無く無事完成しました。
ファイルのアップロード
ドメインも新規に取ることにしましたので手続きの代行をし、アップロードもいたしました。
ページの更新
「浦村かき」のシーズンは10〜3月なので毎回、販売開始、終了のお知らせを更新します。
後に「1分間かき詰め放題」を始めましたので追加いたしました。
ホームページ運用後、売り上げが上がったと言われ喜んでおります。
新潟からも注文があったと聞き、改めてホームページの凄さを感じました。
代表やすもとより
xhtml 正当なCSSです!
推奨ブラウザ
Windows
・IE 8
・Firefox 3.6.6
・Googl Chrome 7
Macintosh
・Safari 4.1.1
・Firefox 3.6.9
ie6 no more