デジタルハリウッドSTUDIO新潟 ブログ

【卒業制作紹介】Webデザイナー専攻の卒業制作をご紹介します!

2024-07-02

卒業制作紹介


こんにちは!

デジタルハリウッドSTUDIO新潟のスタッフです。


今回は「Webデザイナー専攻」で学んだ卒業生の卒業制作をご紹介します!!

「Webデザイナー専攻」はSTUDIO新潟でも一番多くの方が受講されているコースで、卒業制作では今まで学習したことの集大成として、「自分で一からWebサイトを制作」します。

卒業生さんの素敵なWebサイトをご紹介するので、是非ご覧ください。




シェアアトリエ又蔵ベース

● Webデザイナー専攻修了 Tさん

新潟市西区にある、シェアアトリエ又蔵ベースのサイト制作

文化洋食ino

● Webデザイナー専攻+WordPress講座修了 Sさん

新発田市にある洋食屋さん、文化洋食inoのサイト制作

卒業制作 株式会社フジサキ

● Webデザイナー 超実戦 就職・転職プラン修了 Kさん

三条市にある株式会社フジサキのサイト制作

卒業制作 アトリエママン

● Webデザイナー専攻修了 Oさん

弥彦にあるアトリエママンのサイト制作

シェアアトリエ又蔵ベース

又蔵ベースイメージ


(画像をクリックすると別ページに遷移します。)

作成したのは Webデザイナー専攻修了 Tさん


こちらは実際のクライアントさんのサイトとして制作された作品となります。

又蔵ベースは新潟市西区にあり、又蔵ベース内には文具店、学生が運営する駄菓子屋、シェアアトリエが併設している店舗です。

こちらのサイトを制作するにあたり、

・シェアアトリエが生まれた経緯や・実際の利用事例、又蔵ベースがやってきたことを知ってもらい魅力を伝える。

・「ここでなら自分のやってみたいことを形にできるかも」と誰かの「やってみたい」を応援、後押しすることを伝える。

この場所のユニークさを知ってもらうために、魅力を伝えるサイトを作成したいという思いで取り組まれました。



今回こちらのサイトは実際に運用するか未定とのことでしたが、完成したサイトをクライアントさんに見ていただいたところ「凄いね!」との声をいただけたとのことで、実際に運用してもらえることになりました!と嬉しい報告をいただきました!

こちらの報告を聞いた瞬間、私もとても嬉しく、公開されるのを楽しみにしていたので本当に良かったです!

卒業制作は、基本的には自分が作りたいものを制作できますが、受講生さんによってはご自分で直接クライアントさんに連絡を取り、実案件として制作される方もいらっしゃいます。

文化洋食ino

文化洋食inoイメージ


(画像をクリックすると別ページに遷移します。)

作成したのは … Webデザイナー専攻+WordPress講座修了 Sさん


こちらは実際のクライアントさんのサイトとして制作された作品となります。

文化洋食inoは新発田市にある洋食屋さん。

メニュー等を確認しようとネットで検索したところサイトが見つからなかったため、卒業制作でできたら…と考えていたとのこと。

こちらのサイトを制作するにあたり、

・お店に問い合わせをしなくても、Webサイトで正確な情報が得られるようにする。

・よく訪れる常連さんや新しく訪れるお客さんにも利用しやすく、分かりやすいものにする。

クライアントさんのご希望をしっかりとヒアリングし、日々熱心にWebサイト制作に取り組まれていました。



制作してみてどんなだったか教えてください。

色んなものを取り入れられたらと思い、デザインもたくさんの参考サイトから取り入れたいものを、コーディングも動きのあるものを多く取り入れました。
コーディング作業は時間がかかったけれど、楽しく制作できました!

また、動画教材にあるカメラについての講義もこの卒業制作で役に立ちました。



お気に入りのポイントと苦労したところについて教えてください。



お気に入りはパララックスで葉っぱの素材に奥行きを出したところです。

あえて葉っぱもぼやっとさせて前にあるように表現し、奥行きを出しました。

お店に置いてある置物を使用して動きを付けたところです。

フクロウがかわいくてポイントです。

苦労したところは、PCからスマホ版での表示崩れの修正やコーディングで動きをつけるのが大変でした。

また、完成したあとにそれぞれのブラウザで表示崩れがないか確認するのですが、うまく表示されていないブラウザへのコード修正も大変でした。


完成したwebサイトを見た時、色んな動きがあって可愛く素敵なサイトだなと、実際にお店に行ってみたい気持ちになりますね!

卒業生さんも完成した時は嬉しかったし楽しかったと話され、日々熱心に制作されていたので完成したサイトを見て私もとても嬉しい気持ちになりました。

現在はWordPressでの制作に取り組まれています。


株式会社フジサキ

株式会社フジサクイメージ


(画像をクリックすると別ページに遷移します。)

作成したのは … Webデザイナー専攻 超実戦 就職・転職プラン修了 Kさん


こちらは実際のクライアントさんのサイトとして制作された作品となります。

株式会社フジサキは三条市にある企業で、オリジナル商品を企画し100円ショップに商品を卸販売している企業です。

卒業制作は自社サイトのリニューアルをしようと思っていたと話され、
・サイトに訪れた人がスムーズに問い合わせができるように。
・どんな商品を取り扱っているのか分かるように。
と、商品数もあるのでボリューム感のあるリニューアルサイト制作に取り組まれました。



制作してみてどんなだったか教えてください。

全部で7ページ作成しましたが、構想の段階は楽しくてワクワクがあったんですが進めていくうちに自分の作業ペースが遅いことにイラついてしまって…せっかく作るのであれば、ちゃんと満足のいくものが作りたいと思ったので。


制作されたサイトの反響はどんなでしたか?

前のサイトがアナログでリニューアルしたサイトは動いたりするので、凄いと言ってもらえ不安だったけど良かったです。



お気に入りポイント

お気に入りのポイントと苦労したところについて教えてください。

お気に入りは…トップページはこだわって作ったので、トップページですね。

苦労したところは…JavascriptとjQueryでの動きをつけるのが難しかったです。でも難しい分、できたときは嬉しかったです!
ちょっと時間を空けてからやってみるとできたりしたので、時間をあけてみるのも大事なんだなと思いました。


こだわって作ったと話されていたトップページを見た時に、『あ、この雰囲気かわいくて素敵!好き!他のページも気になる』となっちゃいました^^これからのご活躍も楽しみにしてます!



Atelier maman

Atelier mamanイメージ


(画像をクリックすると別ページに遷移します。)

作成したのは … Webデザイナー専攻修了 Oさん


こちらは実際のクライアントさんのサイトとして制作された作品となります。

Atelier mamanは弥彦にあるレンタルスペースです。


こちらのサイトを制作するにあたり、

・何かを始めたい人の"はじめの一歩を後押しする場所"
"いくつになってもワクワク楽しめる"
"ホッとできる癒しの場所"であることを伝える。

・人と人がつながる場として、レッスンやワークショップ ・ハンドメイド品の販売を考えている方々に利用してもらえる場所であることを伝える。

Atelier mamanの優しさや暖かさも表現するデザイン、動きを考えて制作に取り組まれました。




制作してみてどんなだったか教えてください。

できた感想は、やりきった!
のちのちに改善点はでてくると思うけど、自分の生み出したものがネットに出るんだというワクワク感や、サイトを見て気に入ってくれる人がいたらいいなというところです。



お気に入りのポイントと苦労したところについて教えてください。


卒業制作紹介イメージ

お気に入りは…
TOPページの動画がお気に入りですね。

ぜひ、画像をクリックして見ていただければと思います!

苦労したところは…
デザインをゼロから生み出すのが難しく、参考になるところをたくさん見たけどまるまる真似するわけにはいかないからどういうバランスならいいのか?そこはトレーナーに聞きながら制作していきました。
Js、jQueryでの動きをつけるところが呪いの呪文のようで、しんどかったです。
ただ先生が横にいて「ここはこれについて書いている」と直に教えてもらえたときは分からなかったものが、「そういうことが書かれているのか!」と分かった時があって良かったです。



講評会の日は、当日スタジオに居合わせた受講生さんも一緒に発表を聞きましたが、実際にこんな風に卒業制作を作るんだなとイメージしやすいものとなり、急遽ご対応いただけて感謝です!^^
topの動画は優しい雰囲気が素敵で見入ってしまいますし、実際に行ってみたいな!と思わせる素敵な動画ですよね。




みなさん、ご卒業おめでとうございます!

またスタジオの方にもふらっと顔を見せに来ていただけたら嬉しいです☺︎


今後も卒業制作を紹介させてもらいますので、お楽しみに。

こちらのWebデザイナー専攻に興味のある方!気になる方は!
スクール説明会も行っておりますのでお気軽にお申し込みくださいね。




\それぞれの目的に合うコースをご紹介/

STUDIO新潟 開講講座一覧

STUDIO新潟開講講座一覧


「スタジオ新潟はどんな人が通っているの?」

皆さんの気になる“ギモン”を徹底調査!

バナー


皆さまからのよくあるご質問

Q&A

その他のSTUDIO新潟のブログ

BLOGS