受講生WEB作品紹介

未経験から3カ月間でこんなサイトが作れます

職業訓練「WEBクリエイター養成科」の受講生が課題制作の授業で作成したWEBサイトをご紹介します。

未経験からスタートした受講生による、3カ月間の訓練の成果をご覧ください。

卒業生の作品

※画像をクリックすると詳細画面が開きます

「マトリョーシカ屋*nonna」公式サイト

ご自身がハンドメイド制作・販売する「マトリョーシカ屋*nonna」の公式サイト。
作品紹介やイベント出店告知を目的としたサイトです。
集客・販売はハンドメイド好きが集まるサイト「minne」、ブログは更新しやすいブログサイト「アメブロ」を利用し、お客様の流入口を複数設け、目的別にうまく使い分けています。
サイトのデザインは、作品の世界観をこわさないようシンプルに、かつ「ハンドメイド感」も出したデザインに工夫されています。

2018年1月生の作品

WEBサイトを見る

缶詰パンを販売する「パン屋さん」の架空サイト

防災用保存食の缶詰パンを販売するパン屋さんのオリジナルサイト。
ターゲット層が30代～60代のファミリー層ということで、幅広い世代に見やすい配色・レイアウトを考えられたサイトです。
架空のオリジナルサイトを作成するにあたり、商品の企画にもこだわりが見られます。
また、「保存食」＝「おいしくない」というイメージを払拭させるような「おいしそう」なバナーデザインにもこだわりが見られます。

制作過程で力を入れた点は「パン缶を一からデザインしたこと」、「パン缶をおいしそうに見せるようにしたこと」、「購入と検索流入につながるように試食会などのコンテンツを用意したこと」とのこと。
レスポンシブ対応もされた、見やすいサイトに仕上がりました。

2017年9月生の作品

WEBサイトを見る

「やわらか水族館」バーチャル水族館サイト

水生無脊椎動物を紹介するオリジナルサイト。
「水生無脊椎動物」という専門的な内容を楽しんで見てもらうための工夫が随所に施された、遊び心あるオリジナリティ溢れるサイトです。
オリジナルのゆるかわキャラクターを取り入れることで、専門的な内容を身近に感じてもらう工夫がされています。
また、ページ遷移を促したいボタンには、CSS3アニメーションでホバーエフェクトをつけることで、クリックしたくなる工夫もされています。

制作過程で力を入れた点は、「動きのあるサイトにすべく、CSS3アニメーションやJavaScriptを駆使したところ」と「占いページを作成したところ」とのこと。
レスポンシブ対応もされた、ユーザーを楽しませるエンターテーメント性のあるサイトに仕上がりました。

2016年10月生の作品

WEBサイトを見る

「曹洞宗金勝山　長福寺」公式サイト

長野県にあるお寺「長福寺」の公式サイト。
デザイン性が高く、時間帯によって背景画像や色を変えるJavaScriptが効果的に使用されているサイトです。
「絵本のようなサイト」をイメージに、お寺の雰囲気や住職の気持ちがサイト全体に表現されています。
ご自身でイラストを描き、Photoshopで丁寧に作成した、細部にまでこだわったデザインが素晴らしいです。

制作過程で難しかった点は、「JavaScriptで時間帯によって背景や文字色などを変えたところ」と「メディアクエリでレスポンシブデザインにしたところ」とのこと。
週末にご自宅でも勉強して制作作業を行い、スマホ対応サイトとして仕上げました。

2016年1月生の作品

WEBサイトを見る

バンド「MELLOW MONK CONNECTION」公式サイト

ご自身が活動されているバンド「MELLOW MONK CONNECTION」の公式サイト。
時代の流れに合わせた、SNSが上手く活用されているサイトです。
バンドメンバーの「インスタグラム」の写真が自動表示される仕組みになっています。
サイトの目的、コンテンツ更新頻度、管理者の更新作業など、サイト完成後の運用について、しっかりと考慮されています。

ご自宅でも勉強し制作作業をして、スマホ対応サイトを仕上げました。

2016年1月生の作品

WEBサイトを見る

「森の動物園」の架空サイト

架空の動物園のサイトです。
ターゲットユーザーである小さなお子さんがいるファミリー層を意識した、可愛らしいイラストが使用されているサイトです。
丁寧なパーツの作り込みにより、完成度の高いデザインに仕上がっています。

トップページのみスマホ対応に挑戦されました。
制作過程で難しかった点は、「最後に挑戦したメディアクエリでレスポンシブデザインにするところ」とのこと。

2015年5月生の作品

多摩境にあるお花屋さんのサイト

課題制作の授業で行ったお花屋さんサイトのコンペで選ばれた作品です。
ロゴや背景においた画像の使いかたなどデザインが素晴らしいです。

2012年10月生の作品

WEBサイトを見る

架空のレストランのサイト

ドアの部分にマウスオーバーさせるとクマがひょっこり顔を出す可愛らしいサイトです。
ホバー時の動きを取り入れ、遊び心のあるサイトに仕上がりました。

2012年10月生の作品

WEBサイトを見る

架空の洋菓子店のサイト

淡いピンクとグリーンを使用し、ポワンとした温かみを感じるサイトです。淡い色使いが上手です。

2013年1月生の作品

スポーツクラブのサイト

アニメーションGIFを使って、男性がトランポリンを飛び跳ねる動きをつけたサイトです。
見てて楽しくなるサイトに仕上がりました。

2013年1月生の作品

ペットショップHana

実在する千葉にあるペットショップのサイトです。
トップページの鳥や犬に動きをつけた、遊び心にあるサイトです。

2012年12月修了生の作品