Portfolio.

株式会社アークネクト様 open_in_new

コーポレートサイトのリニューアルに伴い、Illustratorデザインからのコーディング、およびWordPressによる構築をご依頼いただきました。
ご要望として、支援事例へのカテゴリ付与や、事業紹介ページに掲載するソリューションサービスを管理画面から柔軟に追加・編集できるようにする機能を実装。さらに、運用のしやすさを考慮し、スライダー画像も管理画面から変更可能にする機能を＋αで提案・対応しました。

【設計】
TOP+下層9ページ

【実装】
・カスタム投稿タイプ3種
　- SOLUTION：ACFで入力項目を指定し、サービス紹介ページに表示
　- NEWS／CASES：一覧ページ＋カテゴリ分類に対応
・一覧ページでのカテゴリ絞り込み機能
・スライダー画像の変更機能
・関連会社の追加機能
・Swiperによるスライド実装
・スクロールアニメーション など

Study cafe-ME-（架空） open_in_new

自主制作。メニューとNewsはWordPressで最新の情報を簡単に更新できるように設定しました。

【設計】
TOP+下層4ページ

【実装】
・ブログ投稿
・予約フォーム（プラグイン使用）
・OGP設定、各ページのtitle、metaﾀｸﾞ設定（プラグイン使用）
・アニメーション ・カスタム投稿（プラグイン:ACF）

TETOTE（架空） open_in_new

課題制作。デザインカンプからのコーディング。エントリーフォームはTabで移動しつつキーボードだけで完結できるようにアクセシビリティ対応

【設計】
TOP+下層10ページ

【実装】
ブログ投稿
・フォーム（プラグイン:MW WP Form）
・カスタム投稿（プラグイン:ACF）
・サイドバーのアクティブ表示
・フォームアクセシビリティ
・各ページのtitle、metaﾀｸﾞ設定（プラグイン使用）
・アニメーション
・カード（その他のメンバー）ランダム表示

Insure Partners（架空） open_in_new

課題制作。デザインカンプからのコーディングおよびオリジナル化。パスワードは入力文字がわからないように設定。フォームはは必須項目が入力されていない場合はボタン非活性などを実装。

【設計】
TOP+下層6ページ

【実装】
・ローディング
・エントリーフォーム（googleフォーム）
・モーダル
・アニメーション

Sound Bunker（架空） open_in_new

無料コーディング練習所 の課題を元に、デザインカンプからのコーディングを行い、テーマをライブハウスのイベント風にオリジナル化しました。
パララックスや背景動画、BGM再生などの演出を活かし、視覚・聴覚で楽しめるLPに仕上げています。

【設計】
LPページ

【実装】
・サウンドON/OFF機能実装
・SNSシェアボタンの設置
・OGPの設定
・ヘッダーとロゴの色をセクション背景に応じて自動切り替え
・背景動画の設置
・YouTube動画の埋め込み
・パララックスの実装

蓼科ごとう農園（架空） open_in_new

課題制作。デザインカンプからのコーディング。製品一覧はスワイパーで実装。

【設計】
TOPページのみ

【実装】
・ハンバーガーメニュー
・アコーディオン
・Swiperによるスライド
・フォームの送信（googleフォーム）
・ローディングアニメーション