Portfolio

LINK

POINT

• デザイン
• レスポンシブ対応（SP/TAB/PC）
• WordPress構築
• SEO対策
• セキュリティ対策
• フォーム設置（WP）
• スライダー
• スクロールアニメーション
• CSSアニメーション
• JavaScript

DESCRIPTION

デザインから制作したコーポレートサイトになります。WordPressのオリジナルテーマで制作しております。メインヴィジュアルではJavaScriptを使用したテキストアニメーションを実装し、他ページではスクロールアニメーションも実装して動きのあるサイトになっております。トップページではJSプラグインspliderを使用してスライダーを実装しております。お問合せページではプラグインを使用してフォームを設置しており、送信完了画面まで実装しております。サイト内画像は全てPhotoshopにて白黒加工をしております。SEO対策としてプラグインを使用して検索設定やソーシャル設定、サイトマップの編集・サーチコンソールへの送信、Googleアナリティクスへの登録を行なっております。セキュリティ対策としてログインURL変更や認証ツールの設置をしております。

LINK

POINT

• デザイン
• Sass
• レスポンシブ対応（SP/TAB/PC）
• WordPress構築
• フォーム設置（WP）
• カスタムフィールド
• カスタム投稿・カスタム分類
• スライダー
• スクロールアニメーション
• CSSアニメーション
• JavaScript
• Google Map

DESCRIPTION

デザインから制作したコーポレートサイトになります。WordPressのオリジナルテーマで作成しております。メインヴィジュアルではJSプラグイン：swiperを使用しスライダーを実装しております。サイト設計は子ページまでの構成になっており、子ページでは上部にセレクトバーを設置して兄弟ページへのリンクボタンを配置しております。フォームの設置も行なっており、選択肢によって項目が変更されるようにしております。確認画面、送信完了画面まで作成しております。会社概要、沿革は適宜変更することを想定してプラグイン：TablePressを使用して視覚的に容易に編集できるようにしております。拠点情報についても変更・追加を想定し各拠点情報ページをカスタム投稿・カスタムフィールドを使用して登録変更作業の簡素化を図っております。

LINK

POINT

• デザインカンプからのコーディング
• Sass
• レスポンシブ対応（SP/TAB/PC）
• WordPress構築
• フォーム設置（WP）
• カスタムフィールド
• カスタム投稿・カスタム分類
• スライダー
• CSSアニメーション
• JavaScript
• ローディングアニメーション

DESCRIPTION

デザインカンプ（PS）からのコーディングになります。WordPressのオリジナルテーマで作成しております。メインヴィジュアルではJSプラグイン：swiperを使用し、擬似要素で図形を被せて手の凝ったスライダーを実装しております。ローディングアニメーション、スクロールアニメーションも実装し動きがあるサイトになっております。フォームの設置も行なっており、選択肢によって項目が変更されるようにしております。サイト内画像は一部Photoshopにて加工（色彩調整）をしており、画像容量も圧縮ソフトを使用して圧縮をしております。

LINK

POINT

• デザインカンプからのコーディング
• デザイン
• Sass
• レスポンシブ対応（SP/TAB/PC）
• WordPress構築
• フォーム設置（WP）
• カスタムフィールド
• カスタム投稿・カスタム分類
• JavaScript
• Google Map

DESCRIPTION

デザインカンプ（PS）からのコーディングになります。WordPressのオリジナルテーマで作成しております。ブログとお知らせ記事をカスタム投稿タイプを使用して分けております。料金表のスマホ表示時には横スクロール表示をさせスクロールヒントも表示させております。フォームの設置も行なっており、選択肢によって項目が変更されるようにしております。フロントページのQ&AはJavaScriptでトグルを実装しております。サイト内画像は圧縮ソフトを使用して容量を減らしております。