こんにちは！ Webデザインスクール「デジLIG（デジタルハリウッドSTUDIO by LIG）」運営の中西です。
デジLIGでは、未経験からWebデザイナーを目指す多くの受講生が学んでいますが、通学を検討されている方から「未経験からどこまでできるようになるの？」「いろいろなWebデザインスクールがあるけど、何が違うの？」という質問をいただくことがあります。
そこでこの記事では、学習の成果をより実感いただくために、異業種から転職を成功させたデジLIG卒業生の作品（Webサイト）をご紹介いたします！
デジLIGの強みは現役クリエイターによる実践的な指導と、業界の最前線を体験できる豊富な機会にあります。これからご紹介する方々の多くは未経験から学習をはじめ、デジLIGの学習環境を最大限に活かし短期間で著しい成長を遂げた卒業生です。その作品には彼らの努力と成長が余すところなく表現されています！
今回は作品紹介だけでなく、彼らのような著しい成長を遂げている卒業生に共通する学習アプローチや成功の秘訣についても触れていきたいと思います。
Webデザインスクール入学を検討されている方や、これから卒業制作に取り組む方、ぜひ参考にされてください！
💡デジLIG生のポートフォリオが見たい方はこちら Webデザインスクール卒業生のポートフォリオ作品を19例紹介！
Akiko Nakanishi
「スクールを卒業したらデザインの相談ができる人がいなくなる……」「学習を進めてるけど本当にデザイナーになれるのかな」と悩んでいませんか？ そんな方は現役先輩デザイナーと1対1で相談できるデザイナー専門メンターサービス「Deview！」（デビュー）がおすすめです！ ※メンター常駐時間：平日19:00〜22:00、土日・祝日10:00〜15:00または14:00〜19:00 登録すればすぐに利用可能です。詳細は以下のページをご覧ください！
デジLIGの卒業制作とは？
デジタルハリウッドSTUDIO by LIGのWebデザイナー専攻では、6ヶ月間のカリキュラムを通じて実践的なスキルを身につけていきます。
最初の4ヶ月間で、デザインツールの使い方やデザインの考え方、さらにHTML・CSS・JavaScriptなどのコーディング技術をしっかり学びます。そして仕上げとなる2ヶ月間では、これまでの学びを活かした卒業制作に取り組んでいきます。
卒業制作では、クライアントワーク、自主制作、ポートフォリオサイトなど、さまざまな形式から選べます。基本的には企画、ワイヤーフレーム作成、デザイン、コーディング、制作発表まで1人で一貫して制作を進めていくので、実務さながらの経験を積むことができます。
優れた作品を制作された方は、企業へ直接プレゼンする機会も。「クリエイターズドラフト」という逆オファー型イベントに参加して、転職へ直結させることも可能です。
デジLIG生の卒業制作をご紹介します！
それでは、デジタルハリウッドSTUDIO by LIG受講生が作成した卒業制作を紹介していきます。
これらの作品の多くは、Webデザイン未経験者が半年間の学びを経て制作したものとなっています！
今回は、サイトのジャンル別に分けてご紹介します。気になるジャンルから覗いてみてください！
イラストレーターのポートフォリオサイト｜菅野 友香さん
- 受講コース：Webデザイナー専攻
入学時の職業：アパレル販売
デザイン経験：無
📝サイト概要
イラストレーター・兎星しずかさんのサイトを制作しました。今まで書いてきた作品やお仕事の実績をメインに紹介しながら、イラストレーターとして活動される上でのポートフォリオとして名刺がわりにお使いいただけるようなサイトを目指しました。
💡制作時のポイント
作風を踏襲したデザイントーンやイラストを動かすアニメーションなどをつけることで、作品の世界観をサイト全体に拡張して彼女の世界を作るように心がけました。サイトを訪れた方が一瞬で惹きつけられるよう、冒頭のキービジュアルに強い印象を持たせました。
▼菅野さんのインタビュー記事はこちら 未経験からここまで！？SNSで話題”強カワ”魔法少女Webサイト制作に至るまで
Haruna Okumura
イラストレーターのポートフォリオサイト｜益田 ひとみさん
- 受講コース：Webデザイナー専攻＋LIG直伝！即戦力デザイン集中講座
入学時の職業：栄養士
デザイン経験：無
📝サイト概要
イラストレーターSTAZさまの公式サイトを制作しました。作品の魅力を伝えるとともに、お問い合わせまでの導線を整えることで、活動の認知度向上とご依頼の増加を目指しています。
💡制作時のポイント
クライアントさまの作品を知らない方にも、サイトを通じてその魅力が伝わるよう意識しました。
特にレイアウトや動きにこだわり、作品の日常が自然とサイトに溶け込むような親しみやすさと、分かりやすい情報設計を心がけました。
イラストレーターのポートフォリオサイト｜佐藤 麻衣さん
出典：Deli-Planet
- 受講コース：Webデザイナー専攻＋LIG直伝！即戦力デザイン集中講座
入学時の職業：システムエンジニア
デザイン経験：無
📝サイト概要
イラストレーターこむぎさんのサイトを作成しました。
SNSでの情報発信を主軸とされているクライアント様のために、作品の魅力をよりストレートに伝えられるよう工夫しました。サイト全体を通して、こむぎさんの作品の世界観や、制作に込めた想いが伝わるような構成を心がけています。
💡制作時のポイント
対面でのグッズ販売を重視されているクライアント様のご意向を反映し、リアルなグッズショップをイメージしたコンセプトでデザインを制作しました。
全体のコンセプトは「グッズショップ」とし、クライアント様のイラストのトーンを活かしたトンマナで、世界観を表現することを意識しています。
美術家のWebサイト｜井上 千賀子さん
- 受講コース：Webデザイナー専攻
入学時の職業：教員
デザイン経験：無
📝サイト概要
陶と植物などを組み合わせた作品を制作している美術家、金井 聰和さんのWebサイトです。
もともと私が通う陶芸教室の先生で、個展に伺った際に今までの作品をA4のクリアファイルにまとめているのを拝見し「よかったらサイトにまとめてみませんか？」とご提案しました。
💡制作時のポイント
金井さんが表現する、作品の世界観とその美しさを感じられるようなサイトを目指しました。装飾は控えめに抑え、余白をたっぷりと設けることで、美術館で作品を鑑賞した際の、余韻が静かに心に宿るようなデザインを意識しました。
また数多くある作品が分かりやすいように、年代ごと、さらに展示会ごとに整理してまとめました。
ハンドメイド作家のサイト｜川口 慎之亮さん
出典：FURYU(フリュー)
- 受講コース：Webデザイナー専攻
入学時の職業：グラフィックデザイナー
デザイン経験：有
📝サイト概要
ハンドメイド作家であるshina様のWebサイト。エコクラフト（紙バンド）を使ったオーダーメイド作品を受注販売されています。もともとは趣味の派生として、親しい友人の方のみに販売されていましたが、自身のSNSのフォロワーにも広く知ってもらいたいとのことで、サイト作成の提案をしました。
shina様のハンドメイドに対する思いやそこから生まれる付加価値などをサイトで体感してもらえるようなデザインにしました。ユーザーに作品のイメージを掴んでもらえるようギャラリーサイトの要素も取り入れたり、各作品の詳細ページの下には他の作品への導線を作ることで、いろいろなページに遷移してもらえる設計にしております。
💡制作時のポイント
趣味の派生ということもあり、もともとブランドというものが存在してなかったため、作品の世界感を伝えるべくブランドの策定やコンセプト設計、撮影のディレクションなども行いました。
ブランドとしての在り方をなるべく体現できるよう、フォントの選定やデザインのレイアウトにはかなり時間がかかりました。実装においても、大きな動きは入れないものの、単調になってしまわないようファーストビューで動きを入れたり、ホバーアクションを入れる工夫を行いました。
シンプルだからこそ、少しの違和感がサイトのイメージを崩してしまうので、デザインや実装ではとくに意識しました。
フォトグラファーのポートフォリオサイト｜重政 里紗さん
- 受講コース：Webデザイナー専攻
入学時の職業：グラフィックデザイナー
デザイン経験：有
📝サイト概要
家族写真を中心に撮影されているフォトグラファーたつのもえこさんのWebサイトです。これまではInstagramと簡易的なサイトに実績や料金などを掲載されていました。
ただ、撮影できる内容が増えてきても伝えきれていなかったり、競合との差別化ができないとのことで、WEBサイトのリニューアルを担当させていただくことになりました。
💡制作時のポイント
制作に入る前のヒアリングで課題や展望についてしっかり話し合ったことで、クライアント様自身も仕事について悩んでいた事柄が整理できてよかったと言っていただけました。それをもとに撮影プランをわかりやすく見直したことで、情報設計もスムーズに進められました。
デザインでは、あくまでも写真を主役にしつつ、それを邪魔せず、クライアント様らしさを伝えられる色遣いや書体、アニメーションを検討して制作しました。Webサイトを公開した結果、撮影プランを確認してから予約してくれる方が増え、説明時間の短縮・単価の向上などの効果が出ているとのことでした。
イラストレーターのポートフォリオサイト｜澤登 昂さん
- 受講コース：Webデザイナー専攻
入学時の職業：採用コンサルティング職
デザイン経験：無
📝サイト概要
フリーランスのイラストレーターとして活動されている LUNA さまの公式Webサイトを制作させていただきました。
メインコンセプトである「ときめきポップ」な世界観を感じていただきながら、LUNAさまの魅力が存分に伝えられるようなサイトを目指しました。
💡制作時のポイント
クライアントさまのイラストスタイルに合わせて、ピンク、水色、紫などのかわいいカラーを基調としています。ロゴやアイコンも可愛らしい雰囲気を作り、全体的に統一感のある仕上がりにしています。
また、本サイトにアクセスしたと同時に世界観を感じてもらえるよう、TOP全画面にアニメーションを設置しました。一般的に正解とされるデザインをするよりも、クライアントさまのご意向や魅力が伝わるデザイン設計を意識しました。
イラストレーターのオフィシャルサイト｜堅田 菜摘さん
- 受講コース：Webデザイナー専攻＋LIGデザイナー直伝！即戦力デザイン集中講座
入学時の職業：離職済
デザイン経験：無
📝サイト概要
ファンタジー系イラストを得意とする個人イラストレーター・タイ寿さまのオフィシャルサイトです。Xフォロワー1.4万人・Skebでの個人依頼実績が170件以上ある一方、企業向けの窓口がなく問い合わせはゼロの状態でした。
「公式感を持たせた信頼できる拠点をつくる」ことを目的に、受賞歴・厳選作品・問い合わせ導線を整理し、企業担当者が安心して依頼できるサイトを制作しました。
💡制作時のポイント
「絵だけで魅せたい・動きや文字は極力減らしたい」という要望をもとに、足し算ではなく引き算のデザインを意識しました。蛍光に近い鮮やかな色味を活かしつつ、イラストの世界観を邪魔しない配色・レイアウトを追求しています。
サイト訪問時に一目で画力が伝わるオープニング演出と、イラストにも使われているハーフトーンを背景に固定することで、世界観への没入感を高めました。
イラストレーター・デザイナーのポートフォリオサイト｜こはるさん
※サイト非公開
- 受講コース：Webデザイナー専攻＋LIG直伝！即戦力デザイン集中講座
入学時の職業：薬剤師
デザイン経験：無
📝サイト概要
イラストレーター兼デザイナーmsaさんのサイトを制作しました。作品の紹介、実績の公開、ポートフォリオとしての機能を持たせること、そして依頼窓口として活用できるサイトにすることを目的として作成いたしました。
💡制作時のポイント
msaさんの繊細なタッチと独自の世界観を引き立てるため、イラストを主役にしたシンプルで統一感のあるデザインを意識しました。3つの創作作品それぞれに専用の紹介ページを設け、作品の魅力が伝わる情報設計を実施しています。
また、キャラクターごとに声優が設定されている特徴を活かし、キャラクタービジュアル・声優名・ボイスサンプルを一覧で分かりやすく整理したボイスページを制作しました。
イラストレーターのポートフォリオサイト｜髙野 紗佑里さん
- 受講コース：Webデザイナー専攻＋デザイン集中講座
入学時の職業：保育士
デザイン経験：無
📝サイト概要
イラストレーターSHU様のポートフォリオサイトを制作しました。既存のサイトを見直し、SNSとは役割を分けたポートフォリオとして再設計。作品展示だけでなく、プロフィールや制作背景も伝えることで、作品の魅力と人柄が伝わり、新たな依頼のきっかけとなるサイトを目指しました。
💡制作時のポイント
SHU様らしい世界観を表現するため、ポップでどこかレトロな雰囲気を色彩やフォント、質感で演出しました。また、実績へ素早くアクセスできる情報設計や、お問い合わせ導線を各ページに配置することで、閲覧しやすさと依頼につながる導線を両立させています。
ローディング演出や奥行きのある表現にもこだわり、作品世界へ自然に引き込まれる没入感のある体験を意識しました。
レストランのサイト｜阿部 菜々さん
- 受講コース：Webデザイナー専攻
入学時の職業：WEBデザイナー
デザイン経験：有
📝サイト概要
新しくオープンするレストランの新規HPを制作しました。新規店舗のため、認知拡大とお店のコンセプト認知による常連客の増加を目的として制作しました。観光地、かつ競合店も多いということを踏まえ、店舗独自の強みや世界観がよりユーザーに直感的に届きやすいサイトを目指しました。
💡制作時のポイント
全体的に「自然体さ」を表現できるよう、光と影を意識したデザインに。作品概要は読みやすい情報設計を第一に、メインビジュアルは出来るだけサイトに訪れた人の印象に残りやすく、かつ自分の少し個性的で楽しい人間性を表現できるよう制作しました。
海鮮居酒屋のサイト｜松井 文香さん
出典：海鮮居酒屋「まぐろ大谷」
- 受講コース：Webデザイナー専攻
入学時の職業：商社営業職
デザイン経験：無
📝サイト概要
鮪仲卸直営の海鮮居酒屋「まぐろ大谷」のWebサイト制作。企画、デザイン、ロゴ制作、コピーライティング、撮影（動画）、コーディングまで、一貫して制作を担当しました。
サイトの制作にあたっては、大将の人柄やまぐろにかける想いと情熱を余すことなく伝えることを第一の目標としました。同時に、仲卸の仕事について理解を深めてもらい、料理への期待度と安心感を高めることで、来店につなげることを目指しました。
💡制作時のポイント
食材の美しさと大将の真摯な姿勢を伝えるため、ビジュアルに徹底的にこだわりました。同時に、何度も対話を重ねて魂のこもったコピーライティングを行い、潜在的な強みを言葉で表現しました。
メニューページでは、俯瞰写真とアップ写真を効果的に配置し、料理の魅力を視覚的に伝えるレイアウトを採用。ユーザビリティを重視しつつ、商品の良さが伝わるデザインにこだわりました。
珈琲喫茶店のサイト｜澤田 夏美さん
出典：Tokyo Coffee Lab. | トーキョーコーヒーラボ
- 受講コース：Webデザイナー専攻
入学時の職業：無職
デザイン経験：無
📝サイト概要
私が以前からアルバイトをしていた自家焙煎コーヒーを提供するカフェのサイト制作を行いました。
もともとお店のWebサイトはなく、SNSのみでも集客はできていました。しかし、お店の今後の展望として、カフェの営業だけでなく、コーヒー豆の卸販売などにも注力していきたいということだったので、お店のブランディングと卸販売の受注を目的としてWebサイトの開設を提案しました。
💡制作時のポイント
コーヒー豆からお菓子まで、マスターがすべて一から手作りする「こだわり」をしっかりとWebサイト全体のデザインや構成に反映できるよう意識して制作しました。
一番時間をかけたのは構成で、お店の思いや豆へのこだわりなど、マスターに細かくヒアリングをして、サイトに訪れたユーザーを飽きさせずにわかりやすく情報を伝えられるよう整理しました。
デザインではお店の温かみや手の込んだ雰囲気が伝わるよう、全体の質感やフォントなど、細かいところまでこだわって作りました。
カフェのサイト（架空）｜清成 和香さん
- 受講コース：Webデザイナー専攻＋デザイン集中講座
入学時の職業：IT企業
デザイン経験：無
📝サイト概要
Companion Coffeeという架空のカフェのWebサイトを制作しました。ロサンゼルスのカフェ文化を取り入れた、エネルギッシュで洗練された空間をコンセプトにしています。
💡制作時のポイント
ブランドカラーのピンクと緑を軸に、ポップでガーリーな世界観を表現しながらも、チープな印象にならないよう、明るい緑ではなく深緑を用いてデザインを引き締め、英語フォントには高級感のあるセリフ体を使うことで上品さとのバランスを意識しました。
画像はほぼ全て、FireflyやPhotoshopの生成AI機能を活用し制作・編集しています。デザイン全体の一貫性を大切にしながら細部まで調整を重ねました。
古着屋のサイト｜松本 麗香さん
出典：SAHAR
- 受講コース：Webデザイナー専攻＋LIG直伝！即戦力デザイン集中講座
入学時の職業：Web総合職
デザイン経験：有
📝サイト概要
友人が営むwomen’s中心の古着屋さんです。将来的には現行ブランドの取り扱いなども視野に、洗練されたお店づくりをされています。実際、オープン2年目（※制作時）ながら、地元では唯一無二の世界観ができていました。
今回、SNS以外にお店の雰囲気を伝えるツールを持ちたいということで、世界観をしっかり伝え、来店やオンラインストアに繋げていけるようなサイトを目指しました。
💡制作時のポイント
やりたい実装はあってもできるかわからず……。「できそうな実装」「時間があったらチャレンジする実装」の二段構えで取り組みました。早めに「できそうな実装」でサイトを完成させ、最後の3週間超を「チャレンジする実装」にあてました。一箇所に5日溶けても、一旦サイトを完成させた安心感から焦らず進められました。
デザイン面では、大量の写真をセクション毎にどう見せるかに苦心。トレーナーさんからは気づけなかったデザイン・考えの弱さを指摘いただけてとても参考になりました。
アパレルブランドのサイト｜西澤 素子さん
出典：uji
- 受講コース：Webデザイナー専攻
入学時の職業：倉庫管理職
デザイン経験：無
📝サイト概要
アパレルブランドuji様のサイトを制作しました。ブランドコンセプトが伝わる世界観を作り上げるために、お客様の商品が魅力的に見えるよう、写真撮影や構成にとくにこだわりました。また、購入しやすい導線設計にも配慮しました。
💡制作時のポイント
ブランドの世界観を大切にされていたため、サイト全体でお店の世界観を最大限表現できるようデザインしました。世界観を表現するために、抽象的なことばを具体的な形に落とし込めるまで何度も打ち合わせを重ねました。
薬局のサイト｜中越 詳人さん
出典：ミズキ薬品
- 受講コース：Webデザイナー専攻＋LIG直伝！即戦力デザイン集中講座
入学時の職業：システムエンジニア
デザイン経験：無
📝サイト概要
横浜市青葉区にある、個人経営の薬局です。とくに漢方薬に力を入れています。漢方薬や健康にまつわる情報を発信していきたい、そして近隣住民の方以外にも知っていただきなんでも相談して欲しい、という想いからホームページを立ち上げました。
💡制作時のポイント
ミズキ薬品様にある「親しみやすさ」「温かさ」を、暖色や角丸で表現し、安心感を持っていただけるようにしました。デザイン・情報設計ともに、とにかく見やすさ、わかりやすさを一番に考えて制作しています。
また、どの漢方薬がいいのかわからない方のために、お悩み別の漢方薬一覧をコンテンツとして作成し、機能的に扱えるよう工夫しました。
子ども向けフォトスタジオのサイト｜大竹 花奈さん
出典：itsunohimo
- 受講コース：Webデザイナー専攻＋LIG直伝！即戦力デザイン集中講座
入学時の職業：パン屋さんの接客業
デザイン経験：無
📝サイト概要
子供向けフォトスタジオ「itsunohimo」のサイトを制作しました。フォトスタジオの情報は、元々カメラマンさん個人のサイトに記載されていました。将来の事業拡大に向けて、フォトスタジオ部分を独立させて、新たにフォトスタジオ用のサイトを制作することに決定しました。
💡制作時のポイント
「子どもの自然体で豊かな表情の写真を撮ることができる」ことと「原色背景の写真の特徴」がそのまま伝わるように、写真などの視覚情報が欲しいところは、デザインで子供のやんちゃさを表現。文章ベースで情報が欲しいところは、よく見るような見やすいストレスの少ないデザインを意識しました。
企画の段階で、なぜサイトが必要なのかという根本的な部分から聞き込み、課題解決のできるデザインを意識しました。
映像制作会社のサイト｜中﨑 浩子さん
出典：株式会社CPC
- 受講コース：Webデザイナー専攻＋LIG直伝！即戦力デザイン集中講座
入学時の職業：広告代理店営業サポート
デザイン経験：無
📝サイト概要
クライアントは映像制作・舞台演出・イベント企画といった業務領域をお持ちの会社です。Webサイトを制作してから更新ができておらず、営業先から「サイトを見てもどんな会社かわからない」と言われてしまうことに悩んでいらっしゃいました。
クライアントの想いや強み・制作実績などを載せ情報を充足させ、クライアント自ら情報発信できる仕様に変更することを目的としたサイトリニューアルのご提案をさせていただきました。
💡制作時のポイント
クライアントらしさと業界らしさの共通項をコンセプトに落とし込むため、ヒアリングと競合調査を丁寧におこないました。
制作については、制作→トレーナーからのフィードバック→修正という流れがスピーディにこなせるよう心がけていました。出し戻しが早いと、限られた時間内でも細かい調整まで手が回るので、制作物のクオリティが担保できたと感じています。
建築会社のサイト｜桂野 菫さん
出典：沼尾板金工業
- 受講コース：Webデザイナー専攻(グラフィック経験者コース)
入学時の職業：大学生
デザイン経験：無
📝サイト概要
地元の建築板金会社のコーポレートサイトを制作いたしました。母が勤めている会社で、ホームページが古くなってきたので新しくしたいというお話があったので、実務経験が積めるチャンスだ！ と思い声をかけさせていただきました。
💡制作時のポイント
若年層の求人を増やしたいというご要望があったので、歴史ある建築板金会社という威厳を保ちつつ、職人ってかっこいい！ と思ってもらえるようなメリハリのあるトンマナや写真を活かし、目を引くようなレイアウトを心掛けました。
またWordPress講座は受講しておらず一から勉強を始めたので、納期に間に合わせるためのスケジュール管理に苦労しました。
古民家宿泊施設のサイト｜岡田 宏美さん
出典：古民家あらやし
- 受講コース：Webデザイナー専攻
入学時の職業：グラフィックデザイナー
デザイン経験：有
📝サイト概要
千葉県勝浦市宿戸にある一棟貸し「古民家あらやし」のサイトを制作しました。古民家あらやしは、先祖代々受け継がれてきた古⺠家を現代の⽣活に合わせて改装した、⼤正〜昭和時代の趣が残る⺠泊施設です。
古民家の持つ温もりと心地よさを伝えながら、名刺やパンフレット代わりとして機能するようなサイトを目指しました。
💡制作時のポイント
看板を設置してからweb検索数が向上していることを踏まえ、ふと古民家あらやしを知った人がサイトに来訪したときに簡潔に情報が伝わるよう、トップページの情報整理にこだわりました。
宿の紹介では基本情報を小出しして、よくある質問にはアコーディオンメニューを使用し、質問が並んでもトップページが過度に長くならないよう配慮しました。他にも予約サイトへの導線ボタンは追従させるなど、ユーザビリティを常に意識しました。
お寺のサイト｜竜沢 大悟さん
出典：真宗大谷派 雲澤寺
- 受講コース：Webデザイナー専攻＋LIG直伝！即戦力デザイン集中講座＋WordPress講座
入学時の職業：アパレル販売
デザイン経験：無
📝サイト概要
実家のお寺のサイトを制作しました。目的は、お寺の活動内容を発信し、雲澤寺や仏教、親鸞聖人の教え、お念仏についての考え方を知ってもらうことです。
サイトコンセプトは「親鸞の教えを共に聞く」としています。このWebサイトを見た人が、誰であれ、親鸞聖人の教えについて「こういうことなのかな」と少しでも考えるきっかけになるようなサイトを目指しました。
💡制作時のポイント
できるだけシンプルなデザイントーンにしたかったので、絵が持つように写真にはかなりこだわりました。光が柔らかく感じるように自分で撮影とレタッチを行い、サイトのトンマナに合わせました。
またサイトを見て飽きさせないように、テンポ感のあるレイアウトや、下層ページでの回遊性を意識して、フッターの上に次のページに移動できるセクションも作りました。
幼稚園のサイト（架空）｜鈴木さん
- 受講コース：デザイン集中講座
入学時の職業：SE
デザイン経験：無
📝サイト概要
架空クライアントのみどり幼稚園様向けのサイトリニューアルを想定し制作しました。子ども向けのデザインに興味があり、いつか自分でデザインしてみたいと思っていたので、卒業制作で取り組みました。
子ども向けのサイトはアニメーションやイラストなど凝ったデザインのものが多いので、学習の集大成としてふさわしいのではと考え、幼稚園のサイト制作を決めました。
💡制作時のポイント
幼稚園のサイトは、保護者が入園を検討している際に最初に訪れるコンテンツだと考えます。そのため印象作りがとても大事だと思い、園の柔らかく明るい雰囲気が伝わるような、カラフルなデザインに仕上げました。
また、イラストの配置やスクロールアニメーションなどを盛り込み、見ていて飽きないサイトになるように心がけました。イラストやアニメーションのコーディングには苦戦しましたが、わからないことは調べながら進めました。
タレント犬のポートフォリオサイト｜岸上 友希那さん
出典：ムーチョの世界
- 受講コース：Webデザイナー専攻+Figma講座
入学時の職業：介護士
デザイン経験：無
📝サイト概要
「ムーチョの世界」として活動されているペキニーズの男の子・ムーチョの公式サイトです。各SNSリンクやムーチョについての紹介、過去の活動実績などをまとめ、ファンの方やそうでない方にもムーチョの世界について知ってもらうことを目的として制作しました。
もともとムーチョの大ファンだったので、XのDMでサイト制作のご提案をし、制作させていただくことになりました。
💡制作時のポイント
クライアント様の要望に応じて、情報をできるだけわかりやすくするため、全体的にシンプルなデザインにし、伝えたい情報がダイレクトに伝わるよう意識しました。シンプルながらも世界観がしっかりと伝わり、既存のファンの方も含めすべての方が楽しめるような要素を取り入れました。
また、クライアント様とはこまめにコミュニケーションを取り、細かな部分までこだわりをもって制作しました。
デジLIG生の作品はどう評価されている？
ここまで卒業制作作品をご紹介いたしましたが、実際のところ未経験で制作した作品は外部からどのように評価されているのか気になりますよね。Xの口コミを調査してみました！
卒業生の作品を見るとだいたいそのスクールの実力がわかるかと思います。個人的に凄いなと思うのは「デジLIG」ですね。
ディレクションからデザインまで一気通貫で取り組んでいるイメージです（しかも実案件）
卒業生の方々の作品https://t.co/iBdY9AXYAzhttps://t.co/lU97NhnHtK— きくちなごみ｜相談できるWeb/UIデザイナー・ディレクター (@75mix) February 3, 2023
WebスクールはデジLIGしかないんじゃないかってくらい卒業生が自分の実績を勇気持って晒してて素晴らしさしかない。
晒せる勇気を持つものだけが褒められる資格を持ってると思うし褒められた瞬間が本当にハマる瞬間だと思ってて
こういう若者たちの勇気や行動に学ぶことは多い。負けていられない。 https://t.co/olm6AR7UVX
— ムラマツヒデキ🍣クオートワークス (@muuuuu_chang) February 8, 2023
勉強中でこれはレベル高過ぎなのでは！😳センスの良さが伝わる〜しかも熊本！ https://t.co/fs71VlhhUa
— 佐藤かつあき (@satokatsuaki) February 28, 2024
なんかデジLIGの卒業生のかたって即戦力っぽいかた多くてすごい。（広告ではありません）
— 西長正輝 / デザイナー アートディレクター (@n_masateru) June 4, 2024
業界の方々からたくさんの高評価をいただいています！ 受講生一人ひとりの頑張りがこのように評価いただけているのを知ると、運営スタッフとしてもとても嬉しいです。
著しい成長を遂げている受講生の共通点
高い評価をいただけているデジLIG卒業生ですが、なぜそのような卒業生が多いのか、これまでデジLIGを運営している中で感じる一歩秀でた受講生の共通点をご紹介します。
-
- 行動量が頭ひとつ抜けている
- 戦略的に学習を進めている
- ためらわずフィードバックをもらいに行く
それぞれのポイントを解説します。
行動量が頭ひとつ抜けている
未経験からでもWebデザイナーとしてすぐに転職活動が成功される方や、高い評価を受ける方の共通点として「圧倒的な行動量」があると感じています。
未経験からWebデザイナーになることは可能ですが、決して簡単なことではありません。そのため、日々の努力が必要です。
詳しい学習方法については後述しますが、学校課題以外での自主制作・自習学習が未経験転職を成功する上で重要で、それらをコツコツと続けられる方の作品は目を惹くものがあります。
戦略的に学習を進めている
今作っている作品はなんのための作品か？ と最終的なゴールを考えながら制作している方が多いです。
デジLIGでは、学習セクション終了時に制作課題が科されます。基本的には学びが定着しているかを図るために課題が設けられていますが、この課題さえも最終的なゴールを見据えて作られている方は、「伸びるな」と感じます。
未経験からWebデザインを学習される方の多くは何かしらの目標を持って入学されます。就職・転職を目指されている方、副業を始めたい方などさまざまです。
そのゴール設定を見失わずに日々の作品と向き合うことができれば、すべての行動がゴールまでの戦略的過程となります。
例えば……
- 「Webデザイナーとして就職・転職」を目指している場合
-
- この作品はポートフォリオに載せられるか？
- 採用担当者に何をアピールするためにこの作品を作っているのか？
- 制作過程や制作時間を記録しているか？
など
目指すゴールによって課題や学習への取り組み方は変わるかと思いますが、明確なゴールを設け、そのゴールに向かって日々の学習に取り組むことが重要です。
ためらわずフィードバックをもらいに行く
プロのデザイナーや第三者目線からフィードバックをもらうという時は少し緊張すると思います。その緊張から、フィードバックをもらうことをためらってしまう人も多いのではないかなと思います。
しかし、未経験での学習では、わからないことは当たり前です。
最初は厳しいフィードバックを受けることもあるかもしれませんが、プロや第三者からフィードバックをもとにブラッシュアップすることで、デザインレベルは格段に向上します。
未経験から短期間でスキルを身につけるための5つの学習ポイント
では、未経験からでも短期間でスキルを身につけるためにはどうすれば良いのか、以下の5つのポイントから解説していきます！
-
- 日頃からハイクオリティなWebサイトに触れる
- なぜそのサイトが良いと感じるのかを言語化する
- 実績となるクライアントを粘り強く探す
- プロからフィードバックをもらう
- サイト完成に至るまでの過程を記録する
1.日頃からハイクオリティなWebサイトに触れる
Webデザインのクオリティを高めるためには、業界でどのようなWebサイトが高く評価されているのかを理解することが重要です。
一度見ただけでインプットできれば良いですが、トレンドの移り変わりが早いWebデザインでは、日々情報をキャッチアップすることが重要です。
以下はハイクオリティなWebデザインをまとめたギャラリーサイトです。ぜひこのようなギャラリーサイトを日々チェックして、デザインの目を肥やしていきましょう！
Webデザインの参考になるギャラリーサイト24選
以下の記事では、Webデザインギャラリーサイトについてさらに詳しく紹介していますので、ぜひ参考にしてください！
ミライ
2.なぜそのサイトが良いと感じるのかを言語化する
先ほどご紹介したギャラリーサイトをただ見るだけでなく、そのデザインがなぜ良いのかを言語化するトレーニングをおこなうと良いです。
制作者の意図をすべて理解することは難しいかもしれませんが、理解しようとする姿勢だけでも格段にデザインレベルは上がります。
例えば……
- ・ターゲットは誰なのか？
・なぜこの色なのか？
・なぜこのフォントなのか？
・なぜこのファーストビューなのか？
・なぜこのサイト構成なのか？
・なぜこのアニメーションなのか？
・なぜ「イケてる」と感じるのか？
など、Webサイトには隠れたメッセージがたくさん詰まっています。
そして、このようなサイト分析を自分自身のSNS（Xなど）で発信すると、日々の勉強のアウトプットとなり、さらに採用担当者・クライアントへのアピールに繋がります。
以下はデジLIG卒業生のサイト分析の一例です。ぜひ参考にしてみてください。
DAY34
久しぶりに見て、やっぱすげぇと隣に座ってた同期と感動したよね。 pic.twitter.com/FkWHh3CmWg— みっつ (@mittsu_ttt) June 4, 2024
3.実績となるクライアントを粘り強く探す
卒業制作で架空サイトやポートフォリオなどを制作するのも良いですが、未経験からWebデザイナー転職・副業を目指されている方には「クライアントワーク」に取り組むことを推奨しています。
Webデザイナーの仕事は基本的に、クライアントの依頼に基づいてWebサイトを制作します。そのため、実務未経験の段階でもクライアントワークを経験したことがあると、転職活動やフリーランス、副業として仕事を得る際に大きなアドバンテージとなり、とても有効な実績になります。
そのため、できるだけサイトを制作させていただけるクライアントを見つけましょう。
ただ、「身近にホームページが必要そうな人がいない…… 」という方もいるかと思います。その際は、ぜひサイトを作らせて欲しい！ と思う企業や個人へ自ら営業をかけてみたりすると良いでしょう。
クライアントを見つけるまでの過程も記録に残すことができれば、営業力や粘り強さもアピールポイントになり得ます。
4.プロからフィードバックをもらう
フィードバックをどんどんもらいにいきましょう。第三者の目線からフィードバックを受けることでデザインはブラッシュアップされます。
できるだけ最前線で活躍している現役のWebデザイナーからフィードバックを受けられると良いです。Webサイトのトレンドはデザイン・コーディングともに流行り廃りが早いです。ぜひ現場目線でフィードバックしていただける方に聞いてみると良いです。
今現在Webデザインスクールに通われている方やデジLIG生はぜひその講師の方に積極的にフィードバックをもらいに行ってください。
もし、独学やスクールを卒業されているなど、フィードバックを受けられる環境が身近にない方は、デザインフィードバックを受けられるサービスをぜひ積極的に使ってみてください。
5.サイト完成に至るまでの過程を記録する
未経験からWebデザイナー転職・副業案件獲得を目指すためには、「デザインを制作する上での思考力」が重要です。採用担当者は、なぜそのデザインに至ったのかという「過程」をよく見ています。
そのため、Webサイトが出来上がるまでの過程を記録しておきましょう。デザイン企画書やnoteにまとめるなどすると良いでしょう。
デジLIG生で卒業制作の過程をまとめられている方です。ぜひ参考にしてみてください。
そして、デザインにおいて「時間への意識」も重要です。デザインには明確な終わりがないためいつまでもブラッシュアップできてしまいますが、ビジネスでは時間単価を考える必要があります。
その人はどれくらいの時間でどのようなものが作れるのか、という点も見られているため、日々時間を記録する意識をつけましょう。
これまでのデジLIG卒業生のインタビュー記事はこちらです。ぜひみなさんがどのような学習をされていたのかを参考にしてみてください！
まとめ
いかがでしたか？ 未経験からでも、6ヶ月の学習でハイクオリティなWebサイトを作れるようになることがおわかりいただけたのではないでしょうか。
これは受講生・卒業生みなさんの日々の努力があってこその成果です。
今回の記事で紹介した卒業制作まとめ記事やサイト分析などは、みなさん自主的に発信されているものです。
ハイクオリティな卒業制作が完成した背景には、受講生の皆さんが自主的にインプットとアウトプットを繰り返し、受講生同士で情報を共有し合い、さらに現役クリエイターであるトレーナーに積極的に質問を重ねた努力があります。
これからWebデザインを学ぶ方、今Webデザインを学んでいる方も、ぜひ自主的にインプットとアウトプットを重ね、成長のチャンスを最大限に活かしてください。
この記事がWebデザインスクール選びや学習方法の一助になったら幸いです！
デジLIGでは、Webデザイナーを目指す方を応援しています。転職、フリーランス、副業、スキルアップなどで学習を検討されている方は、ぜひお気軽に無料個別説明会へお越しください！
デジLIGで話を聞いてみる
デジLIG公式サイトへ
資料請求へ
スクール選びで迷っている方は、おすすめスクール一覧を比較した記事もご覧ください！ Webデザインスクールおすすめ30校┃安い・就職向けなど特徴で比較【2026年8月】
Jumpei Hayashi
