熊本電子ビジネス専門学校

電ビブログ

 

テーマ決定!Webデザインコンペ2015

20151102compe_title.jpg

毎年、Webデザインコンペのテーマは11月に発表しています。

今年のWebデザインコンペのテーマは、今までで一番悩みましたが
ようやく10月31日の土壇場で決まりました!

ITビジネス科では、毎年、Webデザインコンペを行っています。
そして、今年が10年目となります。

コンペでは、学年に関係なく1つのテーマのもと、デザイン力や制作力を競い合います。
1年生は不利ですが、過去に2回だけ1年生の最優秀賞が生まれています!

今年は、どんな作品が生まれるのか!?

 

ですが、毎年毎年・・・
Webデザインコンペのテーマは迷います。

あれにしようか? これにしようか?

悩み

 

今年は、レスポンシブとかスマホサイトにしようかな?
でも、オフィスコースが不利になるなぁ・・・

  

途方に暮れ

 

もう半年以上悩み続け

途方に暮れ

 

ゾンビ寸前

 

もう、精根尽き果てゾンビ寸前

ウソです(笑)

 

なぜ、悩むのか?というと・・・
テーマにしたいと思っても、写真素材がないと作れない。

勝手にネット上の写真を使うわけにはいきませんから(汗)
だから、毎年毎年悩むんです。

 

で、今年も例外なく半年以上悩み続け

そうだ、数年前にアレにしよう!
花屋さんのホームページだったら、1年生やオフィスコースも作りやすいし写真素材もあちこちにある!

そう思い、Webデザインコンペのページも更新し、あとはアップするだけにしました。

 

しかし、10年目にそれでいいのか!?
そんな安易に決めていいのか?

心の奥から声がします。

10年目のWebデザインコンペ、そして開校30周年のこの年に、そんな安易に決めて良いのか?(爆)

実際は、心の声なんか聞こえてませんよ(笑)

 

ということで、悩み続け
10月31日の土壇場でひらめきました!

ひらめいた!

そうだ、あれがあるじゃないか!

あれを使えば、問題なくいけるんじゃないか?

 

 

 

 

 

 

 

 

写真素材を登録なしで無料で使える「ぱくたそ

ぱくたそ(650px)

「ぱくたそ」では、様々な写真が無料でダウンロードできます。

 

例えば、こんな写真や

コーヒー

 

こんな写真

ケーキ

 

パスタパスタも

 

そして、こんな写真まである!


カフェ

 

 

ということで、今年のテーマは
カフェのトップページ」に決定!

テーマは「カフェのトップページ」

 

カフェの名称は、作りたいイメージにあわせて自由に決めてください。
「○○Coffee」みたいな感じでも良いし、「○○珈琲」みたいな感じでもOKです! 

で、いきなり作り始めるのではなく、どんなカフェなのか考える必要がありますね。
「ス○バ」や「○リーズ」みたいなチェーン店なのか、地元にしかない喫茶店なのか?

 

そこが決まったら、まずはコンセプトデザインを行いましょう!

そのカフェのターゲットはどんな人たちなのか?
そのターゲットに合うデザインのテイストは?

イメージカラーは?
キャッチコピーは?
決めることは色々あります。

 

そして、どんなコンテンツが必要なのか?
コンテンツのリストアップが終わったら、グループ化してサイトの構成を考えましょう!
作るのはトップページだけだけど、全体の構成を考えておかないと、メニューやトップページのレイアウトはできません。

で、それが終わったら、手書きでレイアウトを数パターン書いてみましょう!
なかなか思いつかなければ、他のサイトを参考にします。この時、参考にするサイトはカフェのサイトでなくてもいいと思います。

レイアウトが決まったら、ようやく作り始めます。

  

 

さぁ、今年は、どんな作品が生まれるのか?

1年と2年の戦いの行方は?

挑戦者求む!

そして、更なる挑戦者求む!

キミも ITビジネス科 に入学して、来年のこの戦いを制してみないか?

  

Webデザインコンペ「挑戦者求む!」

 

 

「ぱくたそ」を含め、他にも写真素材を無料でダウンロードできるサイトがあるので一部ご紹介します。

ぱくたそぱくたそ - フリー写真素材・無料ダウンロード
※今回の記事は、全て「ぱくたそ」の写真を使っています。

 

Everystockphotoeverystockphoto - searching free photos
※everystockphotoは、写真によりライセンスが違うので個別に確認が必要です。ライセンスについての説明はコチラをどうぞ。

 

足成写真素材 足成【フリーフォト、無料写真素材サイト】

 

 

ITビジネス科ネットショップ制作課題

学生たちのWeb制作

  • Web情報
  • Posted by 大西