myPortfolio

Works 005: 神村リンオフィシャルサイト
制作期間: 1ヶ月
担当領域: 企画, ライティング, ワイヤーフレーム, コーディング, 画像編集, 動画編集, HTML, CSS, JavaScript, jQuery, PHP(WordPress以外), PHP(WordPressカスタマイズ), Sublime Text, WordPress, Photoshop, Illustrator, Premiere Pro, Google Analytics

※こちらは架空のアーティストのサイトです。

訓練校の卒業製作として作成しました。前職での経験を生かした作品で、「20～30 代に支持される架空のシンガーソングライターのウェブサイト」という設定です。

いわゆるSNS 世代がファン層で、アーティストも積極的にそうしたツールを使用していると考え、「更新しやすさ」「SNS との連携」に重点を置きました。

※この作品では、フリーモデルのたけべともこさんの画像を多数使用させていただきました。

WordPress 化（一部）

更新頻度が高いページは、コーディングの知識のない担当者でも更新ができるよう、WordPress 化しています。

こうしたWordPress のカスタマイズの中で、PHP の習熟度も高めていくことができました。

Instagram との連携

Instagram API を利用し、JavaScript とPHP の組合せで、本文や画像などをトップページに表示できるようにしています。

スプリットレイアウト

今回のサイトもレスポンシブ化していますが、ユーザーが若者ということを考え、スマホ版を中心に制作しています。

そのため、PC 版は画面を２分割する「スプリットレイアウト」を採用しています。

これにより、左右に別れた要素を上下に重ねるだけで切り替えられ、余計な画像や要素が不要になるというメリットが得られています。