工務店（住宅建築・リフォーム・公共事業）

制作情報

制作ジャンル

• コーポレートサイト

URL

https://katarina-code.com/portfolio/koumuten/

Basic認証

ユーザー名：demo、パスワード：demo

サイトタイプ

• HTMLサイト

担当範囲

• コーディング

使用技術

言語

HTML、CSS、SCSS (Sass)、JavaScript

フレームワーク・ライブラリ

Swiper

制作概要

しょーごログ様が提供されているコーディング課題として、架空の工務店サイトを制作しました。

＜主な実装要件＞

• TOPページ+下層4ページ（全5ページ）
• スマホカンプのない下層4ページのレスポンシブ表示を、PCデザインの意図を汲んで設計・実装
• アニメーション（ローディング画面／アコーディオン／ループスライダー／モーダル／フェードインなど）
• フォーム送信ボタンの活性・非活性を制御
• autocomplete属性を設定しユーザビリティを向上
• ピクセルパーフェクト