【コンテストデザイン部門優秀賞】WordPress オリジナルテーマ制作

◆「TechAcademy Contest 2020 Summer」にて、こちらの制作物がデザイン部門の優秀賞を受賞いたしました◆

【概要】

オンラインスクールの最終課題として、一からWordPressのオリジナルテーマ作成を行いました。実在するフォトスタジオをモデルに作成し、実際のターゲットやスタジオのコンセプトなどを考慮しながら、cacooを使用してサイトマップとワイヤーフレームを作成。それをもとにデザインをWordPressで実装していきました。特に幅広い年齢層へのわかりやすくて見やすいデザインとレイアウト、配色を意識して取り組みました。

【制作時期と期間】

2020年6月/学習開始7-8週間目

※オンラインスクール/WordPressコースの最終課題として

ワイヤーフレーム・デザイン：5日、コーディング・WordPress実装：5日（計：10日間）

【実装内容】

デザインが出来上がった後、AWS（Cloud9）上でPHP等のローカル開発をしています。

サイト上では、WordPressプラグインにて「フォトギャラリー」「お問合せフォーム」「スライダー」「Googleマップ」「ナビ送り」「パンくずリスト」など基本的な部分を実装しています。また、カスタム投稿タイプにて「お知らせ一覧」を配置しています。

工夫した点としては、写真のカテゴリーごとにギャラリーにたどり着きやすいよう、ウィジェットに写真カテゴリーを配置し、固定ページのギャラリーページは、各カテゴリー一覧を表示するようにしました。

また、スクロールするとコンテンツが現れるようなアニメーションと、ナビ・ウィジェット・各ボタンのマウスホバー時の動きにも力を入れました。

【サイト詳細】

現在、デモサイトはサーバー引越しに伴い非公開にしておりますので、以下のイメージにてご覧いただけますと幸いです。

【ページ一例】