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

こんにちは！

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

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

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

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

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

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

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

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

● Webデザイナー専攻グラフィック経験者プラン修了　石崎さん・渡邊さん

三条市にあるフォトスタジオウスタのリニューアルサイト制作

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

燕市にある歯医者　佐藤歯科医院のサイト制作

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

クリスマスマーケット特設サイト（架空サイト）

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

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

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

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

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

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

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

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

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

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

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

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

石崎さん：どんどんコードを覚えていって、イメージした形にできていったのが楽しかったです。悩んだり大変だったところは、2人で一緒に作っていったのでイメージの共有が難しかったです。細かいところだと、フォントの大きさや太さなど…作っている人が違くても1つの同じサイトにすることが大変でした。

渡邊さん：HTMLまでは文章を打つなどCSSでの組み立てでうまく行かないところがでてきたり、レスポンシブでうまくいかなったのが大変だったけど、直していって形になったときが大変だったけど良かったところです。

二人で1つのサイトを作っていくところでイメージの共有など、渡邊さんはその辺どんな風にして取り組まれましたか？

デザイン作る前に、他の写真館のサイトだったり色んなサイトを見て、このサイトのここがいいよね、って掻い摘んで…フォントサイズとか幅とか色々なところを決めて取り組んだ感じです。

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

渡邉さん：撮影メニューの七五三のイラストと…

ページ内に入ってスクロールしていくと、男の子の七五三と女の子の七五三の写真をふわっと見せるところがデザインでも動きの面でもお気に入りなところです。

石崎さん：タイトルの上にある学校のイラストやプロモーションイラスト、会社のイラストの部分がお気に入りです。

この、写真に文章枠を重ねているところもお気に入りのところです。
背景も真っ白だと無機質すぎるので、真っ白じゃないテクスチャーにして親しみやすさ、暖かさのイメージのあるものにしています。同じくイラストも親しみやすく、優しさのでる雰囲気にしています。

最近、会社の全体会議で制作されたサイトを見ていただいたとのことでしたが…会社の方の反応はいかがでしたか？

まだ作れていないページもあるので、完成したらホームページに使いたいと話しています。
以前のウスタのトップページはハンバーガーメニューが動いてるだけでしたが、フェードインで出てきたときは驚かれたり、トップページの画像がゆっくりとスライドで切り替わるのも反響いただけました。

卒業制作の講評会を行い、まだ作成できていないページもこれからとなりますが、ここまで制作されて達成感など気持ち的にはどんなですか？

石崎さん：半年前はホームページ1つ作れるなんてと不安もあったけど、形になったので成長したな、学びが身に付いたなと思います。

渡邊さん：6ヶ月間でやれることができたのは達成感がありますが、他のできていないページも作成して全部できたら達成感が凄いんだろうなと。追々、最後まで作れたらなと思っています。

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

最初は自分でちゃんとしたホームページを作れるのか疑心暗鬼で。
全然まだまだ作れるほどのスキルがついているのかなと不安だったけど、段階があるのでそれに沿ってワイヤーフレームを作ったあたりからどんな風にできていくのか先が見えてきました。デザインのところでどういうデザインにするかを悩んでいろんなサイトを見たら、見るほどに分からなくなったのですが…笑
良いところをつまみながらデザインは考えていき、デザインも「これだ！」となっていくとどんどん楽しく作れました。全体を通して、コーディングよりもデザインの方が大変でした。

あとの山場は動きをつけるJavascriptの部分が難しかったです。最後のブラウザチェックでも、端末によっては動いたりして修正が大変でした。
家だと他のことを始めたりしちゃいますが、スタジオだと誘惑もないので学習が捗りました。

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

当院の特長のデザインです。
写真も見せたかったので文章を上にするか、写真を暗くして見せるか色々と試行錯誤してこれがしっくりときて、デザインでの好きなところです。

イラストのアニメーションが文字を邪魔しないようにさりげなくふわふわしているところもです。

トップページのメインビジュアルです。
真ん中に目が行くようにメニュー箇所の色のバランスや、上から見た歯と分かるようにバランスを見て歯のイラストを配置したところです。

気になるところは、スマホの時のハンバーガーメニューの3本線が動くのですが見づらくなってしまったのが少し悩ましいところです。ハンバーガーメニューはヘッダーに入れた方が分かりやすかったかも？と。

制作したサイトを誰かに見てもらいましたか？

家族に見てもらい「今はこういう感じでできるんだね」と「きれいだね」と言ってもらえた他に、写真の選択はこういうのが良いんじゃない？とアドバイスもあり直せるところは直したりしました。

難しい内容に取り組まれておりましたが、架空のクライアントの会社設立の経緯やクリスマスマーケットを普及していきたい理由などを分かりやすくしっかりと細かく練って制作されていました。完成した卒業制作の作品を拝見した際、クリスマス感満載のオーナメントやお写真、かわいく楽しい雰囲気がたくさん伝わってきて、実際に開催されていたら行ってみたい！とワクワクいっぱいの気持ちになりました。
また、クリスマスマーケットのかわいく楽しい雰囲気と卒業生さんのいつも明るく元気な雰囲気も合っているなぁと☺︎卒業制作、お疲れ様でした☺︎

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

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

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

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

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

STUDIO新潟　開講講座一覧

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

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

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