mainimagePortfolio

scroll

ABOUT THIS SITE
このポートフォリオについて

実務経験がありませんので、このポートフォリオではこれまでに作成した架空のサイトトップページのみのご説明のみとなります。

Webデザインに関する基礎知識を学ぶため、2021年11月よりオンラインスクールに通うとともに、外部試験(Webクリエイター能力認定試験エキスパート)の受験を通して早く正確なWeb制作技能を学びました。(2022年5月合格)

どうぞよろしくお願い致します。

PORTFOLIO
制作した架空サイトのご説明(制作順)

石川大学
国際色豊かな4年制私立大学

univ

あなたらしい学び方で、
世界にはばたく人材に。

というコンセプトで制作した架空のサイトです。

使用:HTML/CSS/jQuery/Photoshop

ターゲット

  • 英語が得意な受験生
  • 在学中に留学を希望
  • 落ち着いた環境で学びたい
  • 将来どうするか決めかねている

目標

  • 入学希望者増加
  • オープンキャンパス参加者数増加

英語を多用し国際色の豊かさをアピールしました。

受験生および受験生のご家族による閲覧を想定したメニューを選定しました。

イラストや文字より写真を使用することで学校生活のイメージが湧きやすいようデザインしました。

さとう歯科医院
親子で通える歯科医院

dental

無痛・予防・最新治療の観点で、
患者様に寄り添った診療を

というコンセプトで制作した架空のサイトです。

使用:HTML/CSS/jQuery/Photoshop/Illustrator

ターゲット

  • 20代・30代の子育て世代
  • 収入は安定
  • 子供と一緒に通える歯医者を探している
  • 清潔感がある医院を希望
  • インプラント治療について気になる

目標

  • 利用者数増加
  • 保険適用外診療の希望者数増加
  • 予約以外の問い合わせ減少

ファーストビューで優しい印象を与えられるようメイン画像はふんわりとした色合いのイラスト(Illustratorにて作成)にし、さとう歯科医院という文字も細めに設定しました。

安心感を与えられるよう院内の写真(フリー素材)を使用し、同時に清潔感も感じられるよう明るさを調整しました。

ONE and ONE
ドッグサロン併設の美容室

dogsalon

飼い主さまとワンちゃんの
日常のオアシスをめざして

というコンセプトで制作した架空のサイトです。

使用:HTML/CSS/jQuery/Photoshop

ターゲット

  • 30代・40代の収入に余裕のある女性
  • 時間に追われ、あまり自分にお金をかけられない
  • 犬を大切にしており、生きがいの一つ
  • ナチュラルな雰囲気やいい香りのするお店が好み

目標

  • 来客数増加
  • 問い合わせ増加
  • ホームページからの予約増加

全体に落ち着いた雰囲気を出すために柔らかい色合いのくすんだピンク系統でまとめました。

各ボタンには補色に近い緑色を使用し、詳細ページへの移動やお問い合わせに迷わないよう強調しました。

また、トップページで使用する写真に統一性が出るようトーンやコントラストを調整しました。

STARRY CAMPING
天体観測できるキャンプ場

starrycamp

星降るキャンプ場へようこそ

というコンセプトで制作した架空のサイトです。

使用:HTML/CSS/jQuery/Photoshop/Illustrator

ターゲット

  • 首都圏在住の20代〜30代独身女性
  • グランピング・キャンプが好き
  • 準備や片付けが億劫でひとりキャンプ経験は少ない
  • 仕事に疲れており、日常に癒しを求めている

目標

  • 新規顧客増加
  • ひとりキャンプ利用者増加
  • 雨天時のキャンセル減少

トップページ全体を星空の背景にし、星が綺麗なキャンプ場というイメージが残るよう意識しました。

既存の男性利用者に加えて女性利用者を増やしていきたいという方針のため、文字やロゴを繊細な雰囲気で統一しました。

全体として品のある印象を目指して、控えめな動きをつけました。

L with U
カメラ・レンズ・アクセサリのサブスク

camera

最高のカメラが必ず見つかる

というコンセプトで制作した架空のサイトです。

使用:Bootstrap/Photoshop

ターゲット

  • 30代・40代の独身男性
  • 高級志向でガジェット好き
  • 新しい趣味としてカメラを始めようか迷っている
  • 有名メーカーを信頼している

目標

  • 利用者数増加
  • サービスに関する問い合わせ数増加
  • 提携企業数増加

高級感のあるイメージを与えられるよう色数を抑えてシックな雰囲気を目指しました。

また、余白を大きめに取ることでハイブランドな雰囲気を出しました。

カメラの画像は全て背景から切り抜き、トップページ上で存在感が出るようにデザインしました。

架空野村
葡萄畑とワインの産地

town

ぶどうとワインの架空野村へようこそ

というコンセプトで制作した架空のサイトです。

使用:HTML/CSS/jQuery/Photoshop/Illustrator

ターゲット

  • 架空野村への移住を考えている
  • 架空野村への観光を考えている
  • 架空の村に住んでおり、暮らしの情報を得ようとしている

目標

  • 移住者数増加
  • 観光客数増加
  • HPを通した問い合せ数増加と電話での問い合わせ減少

ファーストビューで特産品を全面に押し出し、観光客のページ遷移減少を目指しました。

視力の悪い方の利用も考慮し、文字サイズの変更ボタンを設置しました。(聴力が弱い方向けの音声読み上げボタンについては現在動作しません)

色合いと柔らかい印象のイラストで、全体に優しい印象を目指しました。

scroll

CONTACT
お問い合わせ

お名前
メールアドレス
電話番号
お問い合わせ内容

こちらのフォームはGoogleフォームを利用しており、固定ページのお問い合わせフォームはWordPressのプラグインを利用して作成しております。