こだわり

概要

Web制作スクールの課題として、支給されたデザインカンプをもとに企業サイト「Creative Partner Inc.」のテンプレートをWordPressで模写制作しました。

トップページ（About / Works / Contact）を含む、会社概要・企業情報・お知らせ・お問い合わせの全体構成を学習課題として再現しています。

クライアント

Creative Partner Inc.(課題作品として制作)

担当内容

・支給デザインカンプをもとにしたHTML/CSS/WordPressコーディング（模写）

・トップページ（About / Works / Contact）の構造確認・再現

・会社概要・企業情報・お知らせ・お問い合わせページの構造確認

・レスポンシブ表示の確認

・画像・テキストの配置や余白の調整
 

制作期間

約１週間

使用ツール

WordPress / VS Code

こだわりポイント

・WordPressテーマ構造を理解しながら、テンプレートを使って模写制作

・レイアウトや余白、フォントなどデザインの細部を丁寧に確認・再現

・企業サイトとしての導線（メニュー構成・情報の見やすさ）を意識

・スマホでも見やすいレスポンシブ表示になるよう調整

こだわり

概要

雑誌・カタログ・アンティーク系の書籍を扱う本屋を想定した、
コーディング模写の学習として制作したWebサイトです。

トップページでは各カテゴリの特徴が分かるよう構成されており、書籍ごとの詳細ページも用意されています。

支給されたデザインカンプをもとに、サンプルコードを参考にしながらHTML/CSSでレイアウトを再現しました。
 

クライアント

雑誌・カタログ・アンティーク書籍を扱う書店(コーディング模写の学習として制作)

担当内容

・デザインカンプをもとにしたHTML/CSSコーディング（模写）

・ページ構造やレイアウトの確認・再現

・既存コードを参考にしたレスポンシブ表示の確認

・画像サイズの調整

制作期間

約２週間

使用ツール

VS Code

こだわりポイント

・カンプの情報構成を崩さないように、カテゴリごとのレイアウトを丁寧に再現

・書籍画像が見やすく表示されるよう、比率やサイズを適切に調整

・詳細ページで文章と画像が読みやすくなるよう、デザインの意図を意識して実装

・HTML/CSSをできるだけシンプルで読みやすい構造になるよう心がけました。

​・画像をWebに適したサイズに調整し、読み込み速度にも配慮しました。

こだわり

概要

ロードバイクが趣味の友人を想定した、コーディング模写の学習として制作したWebサイトです。

自己紹介と愛用しているロードバイクの写真をわかりやすくまとめることを目的とした、シンプルな1ページ構成のWebサイトになっています。

提供されたデザインカンプをもとに、サンプルコードを参考にしながら、HTML/CSSの基本構造やレスポンシブ表示の理解を目的として制作しました。
 

クライアント

ロードバイク愛好家の個人(コーディング模写の学習として制作)

担当内容

・デザインカンプをもとにしたHTML/CSSコーディング（模写）

・セクション構成やレイアウトの確認・再現

・既存コードを参考にしたレスポンシブ表示の確認

・画像サイズの調整

制作期間

約２週間

使用ツール

VS Code

こだわりポイント

・デザインの意図を確認しながら、セクション間の余白や視線の流れを意識して再現

・カンプ通りの見た目になるように、画像の比率や余白に注意しながらHTML/CSSで調整

・支給デザインに合わせて、できるだけシンプルなコード構成になるよう意識しました。

​・スマートフォン表示でも崩れないよう、画像サイズやレイアウトを確認しながら調整

こだわり

概要

「自分だけの時間を、もっと自由に。」をテーマにした、女性専用の完全個室型リラクゼーション＆ワークスペースのLPです。

​在宅やカフェでは得られないひとり時間の快適さを伝え、スムーズに予約へ導く構成にしました。

クライアント

個人プロジェクト(課題作品として制作)

担当内容

・ワイヤーフレーム

・デザインカンプ

​・実装

制作期間

約２週間

使用ツール

Figma/WIX

こだわりポイント

・やわらかい色味と写真で安心感・居心地の良さを演出。

​・ユーザーが自分事として想像しやすく、自分の時間を大切にしたいと思える体験設計を意識しました。

こだわり

 

概要

オーストラリアを象徴する動物をワンポイント刺繡した、シンプルで日常使いできるポーチ。

​「旅の思い出を、毎日の暮らしに」をテーマに、大人がほんとうに欲しいと思えるお土産雑貨として企画・デザインしました。

クライアント

個人プロジェクト(課題作品として制作)

担当内容

・ワイヤーフレーム

・デザインカンプ

​・実装

制作期間

約２週間

使用ツール

Figma/WIX

こだわりポイント

・ユーザーが自然に購買イメージを持てるように読みやすい構成に。​

​・３つのポイントを整理し、購入を検討している人が「自分の生活でどう使えるか」をイメージしやすいようにしました。

 

こだわり

概要

LP制作会社を想定した、架空のランディングページをWIXで制作しました。

​「親しみやすさ×プロらしさ」のバランスを意識し、信頼感を与えるデザインと明確な導線設計を心がけました。

クライアント

架空のLP制作会社(課題作品として制作)

担当内容

・ワイヤーフレーム

・デザインカンプ

​・実装

制作期間

約２週間

使用ツール

Figma/WIX

こだわりポイント

・明るく整理されたレイアウトで、読みやすさとプロらしさを両立。

​・初めての顧客にも伝わるように、サービス内容を明確に紹介。

こだわり

概要

総合経営コンサルティング会社のWebサイトを参考にし、WIXで模写制作しました。

​信頼性と洗練さを重視し、シンプルかつ整然とした印象に仕上げました。

クライアント

架空の総合経営コンサルティング会社(課題作品として制作)

担当内容

・指定サイトのデザインを模写し、レイアウトを実装。

・画像やテキストの配置、カラー・フォント設定を調整。​

制作期間

約１週間

使用ツール

WIX

こだわりポイント

・信頼性のある色、フォント設計。

・閲覧しやすいレイアウトに。

​・コーポレートサイトに必要な要素を網羅しつつ、すっきり見せる工夫。

こだわり

概要

架空のファッションブランドの催促バナーをCanvaで制作しました。

​ブランドの世界観を伝えながら、視認性・訴求力を意識してデザインしてます。

クライアント

架空のファッションブランド(課題作品として制作)

担当内容

・コンセプト立案

・デザイン制作

・配色・フォント選定

制作期間

約５日間

使用ツール

Canva

こだわりポイント

・20～30代女性をターゲットに、洗練されたシンプルなフォントと落ち着いた黒色を採用し、上品でスタイリッシュな印象に仕上げました。

・目を引く構図とカラーのバランスを意識し、視線の流れを考えながら重要な情報が自然に目に入るよう工夫しました。

こだわり

概要

20～30代女性をターゲットにした架空のコスメブランドの新商品のプロモーションバナーを制作しました。写真素材の雰囲気を活かしつつ、シンプルで洗練されたデザインを重視。

クライアント

架空のコスメブランド(課題作品として制作)

担当内容

・コンセプト立案

・デザイン制作

・配色・フォント選定

制作期間

約3日間

使用ツール

Canva

こだわりポイント

・20～30代の、美容に敏感でシンプル志向の女性をターゲットに、上品で親しみやすい言葉選びを意識。

​・商品そのものの魅力を伝える、余白を活かした高級感、直感的に「新商品」と伝わる構成に仕上げました。

こだわり

概要

新コレクションの告知バナーを制作しました。ブランドの世界観を壊さず、上品で洗練された印象を与えることを意識しました。

クライアント

架空のインテリアブランド(課題作品として制作)

担当内容

・コンセプト立案

・デザイン制作

・配色・フォント選定

制作期間

約2日間

使用ツール

Canva

こだわりポイント

・30～40代の男女をターゲットに設定。シンプルで落ち着いたトーンに統一。ターゲット層に安心感を与え、信頼性を高める仕上がりにしました。

​・「CLICK NOW」は右寄せにすることで視線を自然に流し、広告らしい誘導感を持たせています。

こだわり

概要

​キャンプ初心者向けの集客を目的とした、アウトドア体験用のバナーを制作しました。指定素材を活かしながら、自然な中で過ごす楽しさや気軽さを表現し、「行ってみたい」と思えるデザインを意識しています。

クライアント

架空のキャンプ場、グランピング施設(課題作品として制作)

担当内容

・コンセプト立案

・デザイン制作

・配色・フォント選定

制作期間

約2日間

使用ツール

Canva

こだわりポイント

・20～30代女性、友人グループがターゲット。初心者にも安心感を与えるコピーと、色使いを意識。

​・見る→理解する→行動するを自然に促す視線誘導を意識したレイアウトに。

こだわり

概要

​地域の魅力を効果的に発信し、観光客に「ここに行きたい」と思ってもらうことを目的としたPRバナー。視覚的な印象と体験的価値の両面から訴求するデザインを意識しました。

クライアント

架空の地域自治体、観光関連団体など(課題作品として制作)

担当内容

・コンセプト立案

・デザイン制作

・配色・フォント選定

制作期間

約2日間

使用ツール

Canva

こだわりポイント

・国内旅行を考える20～40代女性をターゲットに設定。体験的価値を訴求するキャッチコピーで共感を促す。

​・赤いフレームで統一感を出し、視覚的に記憶に残るデザインに。

こだわり

概要

​レストランのバイキングをPRし、来店を迷っているユーザーに行動を促すことを目的としたバナー。料理の魅力を直感的に伝えつつ、行動につながる導線を意識して制作。

クライアント

架空の飲食店(課題作品として制作)

担当内容

・コンセプト立案

・デザイン制作

・配色・フォント選定

制作期間

約2日間

使用ツール

Canva

こだわりポイント

・20～40代の男女、健康志向・食生活を重視する層ををターゲットに設定。

・シンプルな色と余白で料理写真を引き立て、コピーとの役割分担で視線を自然にCTAへ誘導。

こだわり

概要

ノンワイヤレスイヤホンの新商品を訴求するPRバナー。検討段階にいるユーザーに「欲しい」と思わせ、購入行動を後押しすることを目的に制作。

クライアント

架空のオーディオ機器メーカーなど(課題作品として制作)

担当内容

・コンセプト立案

・デザイン制作

・配色・フォント選定

制作期間

約2日間

使用ツール

Canva

こだわりポイント

・20～40代の男女をターゲットに設定。黒を基調とすることで、イヤホンの質感・高級感を強調。

​・ラインを加え、全体を引き締めるシンプルで洗練されたデザインに。

こだわり

概要

新しい映像アプリを紹介するバナー。20～30代のエンタメ好き、新しいアプリは気になるけどまだ検討中の層をターゲットに設定。
画像下のキャッチコピーで共感・興味を引き出し、自然にクリックを促す構成に。内側に白枠を入れることで洗練された印象を与え、カジュアルさと信頼感を両立。

クライアント

配信映像を提供するサービス企業(課題作品として制作)

担当内容

・コンセプト立案

・デザイン制作

・配色・フォント選定

制作期間

約2日間

使用ツール

Canva

こだわりポイント

・黒ベースの背景に対して、紫がアクセントカラーとなり、視線を集めやすくしている。
・高級感のある濃い紫ではなく、ピンク寄りの明るい紫にすることで、堅苦しさを和らげ、気軽に試してみたくなる印象を与えている。
・あえて柔らかいフォントを合わせることで、親近感と使いやすさをイメージさせ、検討段階のユーザーに「ちょっと触れてみよう」と思わせる狙い。
・写真のスタイリッシュ感で「カッコよさ・新しさ」を表現しつつ、色とフォントで「カジュアルさ・親しみやすさ」を表現。

こだわり

概要

新車・新サービスを検討中のユーザーに向けたプロモーションバナー。・20代後半～40代の、車の購入や乗り換えを検討中のユーザーをターゲットに設定。

クライアント

自動車メーカー(課題作品として制作)

担当内容

・コンセプト立案

・デザイン制作

・配色・フォント選定

制作期間

約2日間

使用ツール

Canva

こだわりポイント

・装飾を最小限に抑え、商品の魅力をストレートに伝える。
・背景にシルバーを選択することで洗練・未来感・高級感を表現。
・直線的なフォントで力強さ・信頼感・近代的な印象を与える。白文字にすることで、コントラストを生み、視認性を高めている。

 

Scroll to Top