Original Works

hosonotakuya.com

• 

• サイトアドレス

  https://wwww.hosonotakuya.com

• サイトの概要

  Hosono Takuya（細野拓也）のポートフォリオサイト

• ターゲット層

  お仕事の依頼を相談・検討してくれている方や、自身に興味を持ってくれている方。

• 目的・ゴール

  実績や背景を伝えること、お問い合わせをいただくこと。

• 制作のポイント

  デザインに関しては情報の見やすさを優先し、白の背景で余白を多くシンプルなデザインにしております。自身の背景等がよりわかるように、音楽での活動に関しても触れ、動画や写真等の素材は過去の活動内容のものを利用しております。

  制作実績に関してはまだ数が多くないため、コーディング能力の判断材料として掲載可能な摸写作品をトップページの写しのみですが、掲載しております。

• 制作の作業範囲

  設計、デザイン、コーディング

• 制作期間

  2週間

• 使用ツール

  HTML, CSS, Javascritp(jQuery), Visual Studio Code,Photoshop, Fimola X

• 表示確認

  【OS】
  Windows10, MacOS, iOS, Android

  【ブラウザ】
  Chrome, Firefox, Microsoft Edge, Safari

• 制作過程

  本サイトが自身でサーバーにアップロードして公開した初めてのWebサイトになります。

  本サイトを作成する際にはこれまでに10種類程度のサイトの摸写等を行ってきたため、他のポートフォリオサイトのデザイン等を参考にしつつ、学習してきたコーディング知識を整理しながら作成にあたりました。制作後一部見直しを行い、ライブラリを用いたアニメーションの実装やファーストビューの変更等をおこなっている。

  サイトはスマートフォン表示をベースとしてコーディングを行い、ブレイクポイントは2箇所設定しております。

  初めは公開を優先したため、1ページの構成で公開を行っておりました。その後稼働してから1ヶ月半後に、制作実績より詳しく記載するため、下層ページに詳細な制作実績ページとお問い合わせページを追加しサイト構造の変更を行いました。

  その他、URLの正規化等簡易的なSEO対応を実施しております。

制作サイトキャプチャ画像

※トップページ（パソコン表示、スマフォ表示）