DIGSMILE INC.ホームページ

Yurisa9862
Front-end developer/ Webデザイナー
OVERVIEW

架空のデザイン事務所「DIGSMILE INC.」のホームページ制作を実施。デザインカンプをもとにしたコーディングと、サイトのアップロード作業を行った。使用言語やツールは、HTML5＆CSS3／Sass (scss)／jQuery／JavaScriptなど。

「DIGSMILE INC.ホームページ」 を閲覧する →

※Basic認証　　ID：test　パスワード：password


架空のデザイン事務所「DIGSMILE INC.」のホームページを作成。コーディングからサイトのアップロードまでを、私Yurisa9862が実施した。


作業実施箇所

  • （AdobeXDデザインカンプをもとにした）コーディング
  • サーバーへのサイトのアップロード

使用言語や使用ツール

  • HTML5＆CSS3
  • Sass (scss)
  • jQuery
  • JavaScript
  • Visual Studio Code

ページ数

3ページ（TOPページ／「ABOUT US」／「CONTACT」）

制作期間

約5日

気をつけた点など

  • ピクセルパーフェクトを常に意識し、サイト完成図の画像と適宜照らし合わせ、微調整を行いながら、コーディングを行なった。
  • できる限り保守性の高いコードを書くことを意識し、クラスの命名やタグ構造をどのようにするかについて気をつけるようにした。
  • 4つのブラウザ（Google Chrome、Safari、Firefox、Microsoft Edge）で細かく表示確認を行い、表示崩れや不自然な箇所がないか確認した。

利用素材、参考にしたもの