当サイトの課題は、どなたでも活用いただけます。
・ポートフォリオに掲載OK
・Webデザイン講師の方が授業に利用いただくことOK
・企業内の研修にご利用いただくことOK
※転載、再配布はNG、URLのシェアをお願いいたします
※TwitterやInstagramでの公開もOK、ぜひメンションしてください
-
コーディング課題「デンタルクリニックのウェブサイト」
無料コーディング課題です。下記のデザインカンプをコーディングし、PCサイトを完成させてください。Photoshopがなくてもコーディングができるように、記事の最後に書き出した画像をフォルダと、詳細なコーディング指示の画像を入れています。 【デザイン... -
印刷物作成｜題材：カフェのチラシ
ランチやカフェタイムのお客さんを増やしたいので、店の近くを通る方にチラシを配布しようと思っています。既存のチラシは少し見づらいので、わかりやすくきれいなものにリニューアルしたいです。 【提出条件】 サイズ：A5サイズ（148×210mm）納品：Adobe ... -
バナーお題｜イベント誘導「見学会」
住宅の完成見学会を行います。大勢のお客様に、注文住宅について興味を持ってもらいたいと思います。 【提出条件】 サイズ：336px×280px形式：JPG画像（最終納品はPSD or Ai ファイル） 【必要な文章】 10/23(土) / 10/24(日)完成見学会 【その他情報】 ※... -
広告用のバナーを作成｜題材：キャンペーン誘導「旅行」
旅行プランの特集ページへリンクするバナーの作成をお願いします。お客様が旅をしたくなるようなバナーだと嬉しいです。 【提出条件】 サイズ：336px×280px 形式：JPG画像（最終納品はPSD or Ai ファイル） 【必要な文章】 「航空券と宿泊プランのお得なパ... -
バナー課題｜スポーツジムのキャンペーン誘導
新規会員様の獲得に向けて、キャンペーンを行います。Webサイトの中で目を引くようなバナーをお願いします。 【提出条件】 サイズ：640 ×200 （表示は320px×100px）形式：JPG画像（最終納品はPSD or Ai ファイル） 【バナー内に必ず入れてほしいもの】 入... -
ヘッダー部分をアレンジしてみよう
もともとのコードはこうでした。 <header> <div class="header_inner"> <h1><a href="./index.html"><img src="./images/logo.png" alt="有機野菜ドットコム"></a></h1&g... -
記事を見ながら実際に作れる！Photoshopでのバナー作成のやり方（素材紹介・図解あり）
Photoshopでバナーを作りはじめた初心者の方へ、バナー制作の基礎操作を網羅できるチュートリアルをお届けします。各種素材へのリンクも用意しているので、記事を見ながら、ぜひ一緒にPhotoshopでバナーを作ってみてください。 ＼ 今回作成するバナーの完... -
LINEのリッチメニューをデザインしてみよう
パーソナルトレーニングジムを営んでいます。LINEの公式アカウントをもっと活用したいと思っています。ウェブサイトのテイストに合わせたリッチメニューをデザインしてください。 【依頼の内容】 リッチメニューに実装したいもの：①無料体験予約（無料体験... -
ECサイト課題｜商品画像を作成してください（タオル）
商品：国産タオル 3枚セット商品サイズ：80cm × 33cm生産地：日本素材：綿100%カラー：ホワイト 特徴はふわっと柔らかな肌触り、吸水力が高いことです。 【必要ワード】 送料無料 国産（もしくはそれに類する表現） 【提出条件】 サイズ：1200px × 1200px※... -
バナーお題｜ECサイト内に設置するバナ｜セール誘導「おせち特集」
ネットショップ内の「おせち特集」ページに誘導するバナーを作成してください。バナーの設置箇所は「ショップトップページ」と「各商品ページの下部」と仮定して制作作業を進めてください。 どのようなネットショップを運営されていますか？ 当ネットショ... -
コーディング課題｜フィットネスジムのウェブサイト
無料コーディング課題です。下記のデザインカンプをコーディングし、完成させてください。 Photoshopがなくてもコーディングができるように、記事の最後に書き出した画像をフォルダと、詳細なコーディング指示の画像を入れています。 【デザインカンプの詳... -
バナー課題｜シェアオフィスの内覧予約受付
Instagramに広告を出すための画像を作成してください。 自分で無料サービスを使って作ってみました（下に掲載）が、イマイチです。もっと洗練されたわかりやすいものを希望します。 クライアントはこの画像の何が良くないと思ったのでしょう？クライアント...
