forWEBer
HP制作サイト
デザイン：オリジナル
- HTML
- CSS
- JavaScript(jQuery)
- WordPress
デザインからコーディングまで、WordPressのオリジナルテーマで制作しました。 最初に表示されるローディングアニメーションは、初回のみ表示させ、ページ遷移や再読み込み時には非表示にしました。 AboutからServiceまでは流れるように見せる為、斜めラインの背景を入れた動きを導入。 Priceではタブの中身がスライドして切り替わるように、スライダーを流用しています。 スマートフォンでも表が見えるよう、見出し部分を固定して中身をスワイプできるように工夫しました。 「相談するボタン」から専用フォームに遷移する際、各プランのパラメータを付けて専用フォームに自動入力されるようになっています。 Worksは今後拡張して一覧ページと詳細ページを入れる予定なので、カスタム投稿で実装しました。 コンタクトフォームは入力項目を少なくして、必須項目が一目でわかるように目立たせています。
