hosonotakuya.com
Web Design / Coding
Original Fictitious Site
自作架空サイトかくうの便利屋さん(架空サイト)
-
サイトアドレス
-
サイトの概要
架空の便利屋のサイト
【かくうの便利屋さん】
青森県弘前市にある便利屋。粗大ゴミ回収や雪かき等、お困りごと全般に対応する便利屋の会社。弘前市内を中心に対応を行っている。従業員は多くなく小規模な会社ですが、安く速く丁寧な対応を心がけている会社です。 -
ターゲット層
30代~お年寄りにかけての男女。主に弘前市近郊から青森県内在住で、お家の困りごとがある方。特に不用品の回収や遺品整理、冬は雪かき対応を希望される方。
-
目的・ゴール
お困りごとに対し、電話またはお問い合わせフォームから連絡をしていただくこと。また、会社の事業内容を伝えること。
-
制作のポイント
HPを訪れた方がお問い合わせをしやすいように各所に連絡方法を記載しております。また、会社の特徴である安さや迅速さを目につくように強調しアピールしております。
訪れた方が親しみやすくかつ信頼感や頼もしさを感じられるように、画像やイラストを用いて柔らかさを出しながら、特徴やQ&A等を記載することで不安感を軽減できるよう工夫しております。文字は見やすさを意識したゴシック体を使用しております。
-
制作の作業範囲
デザイン、コーディング
-
制作期間
6日間
-
使用ツール
HTML, CSS(Bootstrap), Javascritp(jQuery, slick), Visual Studio Code, Photoshop
-
表示確認
【OS】
Windows10, MacOS, iOS【ブラウザ】
Chrome, Firefox, Microsoft Edge, Safari -
制作過程
今回は市内の業者から直接の依頼を受けて受注したことを意識して、架空サイトをデザインからコーディングまで行いました。トップページだけの実装としておりますが、レスポンシブ対応も行い、現実的に相手方の要望内で納品することを想定して作業を行いました。
コーディングの実装はあまり複雑なことはしておりませんが、画像の表示等には簡単なアニメーションを実装しております。Bootstrapの使用やjsのライブラリを利用して時間をかけず効率的に対応を行っております。
トップ画像や一部の箇所にはPhotoshopでデザインした画像を利用しておりますが、その他のデザインはSEOの観点からもCSSによるデザインを意識してコーディングしております。
制作サイトキャプチャ画像
※トップページ(パソコン表示、スマフォ表示)