架空サイト:福島病院

OVERVIEW

デザインカンプからのコーディング課題を元にした作品で、セクション構成は課題と一緒です。

YEAR 2023

「病院の新卒採用サイト」という架空サービスをイメージし、親しみやすさと清潔感をイメージさせる為青や緑の色を使用し「住み慣れた場所で、自分らしい医療を受ける」というイメージを表現しました。


サイトURL


制作概要

  • 制作期間:1週間
  • 使用ツール:figumaでのデザインカンプからVScodeコーディング
  • 使用スキル:HTML、CSS、JavaScript、jQuery

実装した機能

  • スクロール時の追従ヘッダー
  • 複数ページの構築
  • CSSアニメーションでの画像切替
  • ログイン画面のモーダルウィンドウ
  • レスポンシブ対応

外観:TOP




WEBSITE