webデザイン。ホームページ制作・トップページ作成・wordpressテンプレート

Works

こちらはsampleページです。
詳しいWebデザインの考え方や見せ方は、本サイトのデザインカテゴリーにございます。
ただ今、他の運営者様のサイト作成は致しておりませんことをご了承ください。

他の人の世界に触れたいから
私はwebデザインを選んだ

BANNER(short)

音楽教室の無料体験

音楽教室の無料レッスン

20代の女性向けに作成。
ホームページのテーマカラーをそのままに、楽器などのイラストをつけ、音楽教室とわかるようにしました。

婚活バナー

婚活バスツアー

テーマは「ピンク」と「楽しい」
婚活であることがわかるように、ウェディングの写真を使いました。

お歳暮バナー

お歳暮バナー

テーマは「レッド」と「高級感」
このサイズでは赤というのが意外にも表現しにくかったので、お肉の赤みを利用しました。
こちらも、お歳暮とわかるように「水引き」や「のし」イラストを使用しました。

BANNER(long)

Christmasバナー

クリスマスバナー

オンラインのデザイン学校でのバナー制作で、テーマも何もなく、自由に作りました。
背景の写真が見えにくいとの指摘をもらった初期の作品です。

ディナーバナー

ディナーBANNER

個人的には気に入っている作品です。
こちらも自由に作成した初期のもの。お皿と背景の境目がわかるように、枠線をつけるともっとよかったなと思います。

HOME PAGE

音楽教室のホームページの画像

ゼロイチ音楽教室

サンプルホームページです。
当サイトを制作する前に、オンラインのデザイン学校で課題として提出しました。
こちらも、レイアウトとテイスト（雰囲気・カラー）の参考となるサイトをまず検索し、無料でホームページのテンプレートを配布してくれているサイトからコードをお借りして作成しました。
20代の女性向けを意識しました。
こちらは、下層ページ（トップページ以外）の作成はしておりません。

⇒ゼロイチ音楽教室（サンプルサイトです）

3points

ホームページ制作の手順は3つ

checkレイアウト・テイストの参考サイトを探す
checkテンプレートをお借りして、参考になるべく近づけるようにコードを修正、画像を作成する
checkわからないところはインターネットで調べ、完成品をサーバーへアップする

これだけです。
いたってシンプルですね。

制作ソフト

私がバナー・ホームページ制作において必須のソフトを紹介します。
checkAdobe Photoshop（画像作成）
checkAdobe Dreamweaver（html・cssのコード入力）
この２つがあれば、当サイトのようなホームページを作ることができます。

参考・素材サイト