上へ戻るボタン

チュートリアルHP

ピン7

チュートリアルHP


線

製作期間:

2ヶ月間(随時更新)


線

担当箇所:

チュートリアルサイトを制作。
デザイン・HTMLコーディングすべてを担当。


線

URL:

http://buburinweb.html.xdomain.jp/


線

コメント:

初めてのホームページ作成で、ホームページリニューアルを重ね、技術習得・ページ構成・ソフト使用などの目的で制作しました。


線

コンセプト:

チュートリアルサイトとして運営していきたいという考えから、IllustratorやPhotoshopやJavascriptなどについて掲載。


線

制作する際のポイント:

初回作成なのでヘッダー・コンテンツ・フッターの構成がわかりやすいものになるよう制作。
また、リニューアルによりモバイルファーストを考慮し、レスポンシブルデザインにて構築を行いました。

未経験からWEBデザイナー・フロントエンドエンジニアのぶぶりんブログ

ピン45

未経験からWEBデザイナー・フロントエンドエンジニアのぶぶりんブログ


線

製作期間:

1週間(随時更新)


線

担当箇所:

WordPressの修正やコーディング・投稿を担当。


線

URL:

http://buburinweb.wp.xdomain.jp/


線

メインカラー:

チュートリアルサイトのメインカラーを継承して赤色で運用。


線

ページ数:

10ページ程度


線

ターゲット:

WEB制作に携わり始めた方。


線

目的:

サイト制作を行っている際に、学んだことを書き留め蓄積していき、同じ壁にぶつかっている人に少しでも役に立てればと思い運用しております。


線

コメント:

現在、HTML・CSS・WordPress・SEO・javascript・jQueryを中心に投稿していますが、デザイン・Illustrator・Photoshopに関する投稿も行っていければと考えております。


線

コンセプト:

WEBデザイナー・フロントエンドエンジニアとして、成長していけるようにCMSであるWordPressを運用しております。


線

制作する際のポイント:

WEB・WordPressに関する知識を深めつつ、WEBデザイナー・フロントエンドエンジニアに関する投稿を行っていくように努めております。

洋菓子店HP

ピン13

洋菓子店HP(sample)


線

製作期間:

14日間


線

担当箇所:

スイーツショップサイトを制作。
テンプレートから再構築、既存のサイトからの構築を想定して制作。
デザイン・HTMLコーディングを担当。


線

URL:

http://buburinweb.html.xdomain.jp/
sweets-site/


線

コメント:

スイーツ店ということで、明るいイメージのピンクを多く使用して制作しました。


線

コンセプト:

女性をターゲットにしたもので、こだわりページなどにより安心でクリーンなイメージ持ってもらえるようなサイト。


線

制作する際のポイント:

画像やコメントなども記載することで、サイトとして完成度を高めるように気を付けました。

CAR PAINT HP

ピン22

CAR PAINT HP


線

製作期間:

1日間


線

担当箇所:

デザイン・HTMLコーディングなどすべてを担当。


線

URL:

http://buburinweb.html
.xdomain.jp/car.html


線

コメント:

ホームページ作成している中、いろいろなことに活かせると思い、自動車のカラー選択のホームページを作成してみました。


線

コンセプト:

自動車のペイントのシミュレーションとしてイメージがわきやすいように、自動車のボディーのカラーチェンジだけでなく、ルーフのカラーなども変更できるように作成しました。


線

制作する際のポイント:

Photoshopでボーデイーとルーフなどの画像を作成して、4種類の画像を同時に表示させています。

会社HP

ピン30

会社HP(sample)


線

製作期間:

18日間


線

担当箇所:

会社サイトを制作。
1ページのテンプレートから再構築、トップページから他のページを構築し、既存のサイトからの構築を想定して制作。
デザイン・HTMLコーディングを担当。


線

URL1:

http://buburinweb.html.xdomain.jp/
company-site/


線

コメント:

飲食店のHPだけでなく会社のホームページにもチャレンジしてみました。


線

コンセプト:

堅いイメージがわかないようにすっきりとしたサイトにしました。


線

制作する際のポイント:

基本的なページを主体に制作しました。

ミスタータイヤマン みやま

ピン42

ミスタータイヤマン  みやま


線

製作期間:

1ヶ月間(最新)


線

担当箇所:

デザインからコーディングまですべてを担当。


線

URL:

http://buburinweb.html.xdomain.jp/carwebsite/


線

メインカラー:

赤として、お店のイメージを崩さないように配色をして制作しました。


線

ページ数:

12ページ


線

ターゲット:

男性だけではなく女性(主婦など)の方にもご利用いただけるようにデザイン。


線

目的:

ご来店していただくことを最大の目的として、お気軽にお問い合わせ・お見積りして頂く。


線

コメント:

明るいイメージになるように背景やボタンを配色して、サービス内容や流れをそれぞれページを用意して、店舗での作業が明確になるように制作しました。


線

コンセプト:

ホームページにてサービス内容や流れ、取扱商品を掲載することで、お気軽にお問い合わせ・ご来店して頂く。


線

制作する際のポイント:

トップページで目を留めていただき、サービス内容や流れにてお店を紹介することで、お近くのお客様にご来店いただけるように制作。

ROOM ART

ピン44

ROOM ART


線

製作期間:

2時間程度(1ページ)


線

担当箇所:

中央のコンテンツ部分(画像の修正やコーディング)を担当。


線

URL:

http://room-art.jp/


線

メインカラー:

メインカラーを茶色として、安っぽく感じない高級感のあるサイト。


線

ページ数:

30ページ程度(担当したページ数)


線

担当ページ例:

線

ターゲット:

富裕層の30~50代の女性(主婦など)の方にご利用いただけるように制作。


線

目的:

会社としてはご購入していただき、快適な空間を実現することを最大の目的としておりました。
個人としてはお客様にストレスなくご利用していただくために、レスポンシブルデザインによりデバイスを選ばずにご利用いただけるように努めておりました。


線

コメント:

トップページ上に新着商品だけではなく、お客様が求めているであろう商品を提案できるように、「SELECT ITEM」という形で商品スライドの提案・実装なども行っておりました。
これにより季節などに合わせての商品提案やお部屋の壁紙写真の充実によって更なる効果を見据えてのものです。


線

コンセプト:

会社のコンセプトはスマートフォン・タブレットでサイト・コンテンツの閲覧を外出先や移動中などに行っていただき、PCで購入していただく。
スマートフォン・タブレットでサイト・コンテンツの閲覧がしやすいようにメニューの充実。
コンテンツページは動きを与えすぎず、シンプルなページ構成で閲覧しやすいものになるように努めて、コーディングしておりました。


線

制作する際のポイント:

デザイナーさんが制作したPC用デザインをコーディングして、レスポンシブルデザインによる各デバイスでの見え方について積極的に意見交換をして制作しておりました。

ページ上部へ