＃概要
ー 講談社の少年マガジンオフィシャルサイトのリニューアルプロジェクトに携わりました。
ー プロジェクトはフロントエンドからバックエンドを包括する内容で、ユーザー体験を向上させるための再構築を行いました。
＃担当
ー フロントエンド 2名
ー ー パートナー1名、下層ページ私
ー バックエンド 1名
ー ー wordpress実装、私
ー インフラ設計 1名
ー ー 開発部長
＃ 使用技術
ー HTML, CSS, JavaScript, PHP
＃ 課題
## 更新手順の複雑さ
ー サイトの更新作業が複雑で非効率であり、更新作業をシンプルかつ迅速に行えるようにする必要がありました。
ー コンテンツのデザインが単調であり、幅広い表現ができるような柔軟なデザイン対応が求められていました。
＃ 取り組み
## スクレイピング機能の開発
ー AmazonのリンクやマガポケサイトのURLを入力することで、自動的にサムネイル、タイトル、ディスクリプションをスクレイピングし、自動入力する機能を実装。これにより、手動入力によるヒューマンエラーを防ぎました。
## テンプレートの多様化
ー デザインが単調にならないように複数のテンプレートを用意。様々なデザインパターンに対応することで、ユーザーに飽きさせないコンテンツ作りを実現しました。
## ヒューマンエラーの削減
ー Amazonやマガポケサイトの情報とオフィシャルサイトの情報の不一致を防ぎ、正確な情報が一貫して表示されるように改善しました。
# 工夫した点
## カスタムフィールドの自動化
ー URLから自動的に情報をスクレイピングし、WordPressのカスタムフィールドに反映する機能を実装。手動での入力作業を減らし、効率を大幅に改善しました。
## カスタマイズ可能なデザイン
ー カラーピッカーを用いて、ユーザーが自由にサイト全体の色調をカスタマイズできる機能を導入。これにより、コンテンツごとに異なる配色のデザインを簡単に作成できるようになりました。
## パイロット版の作成
ー 提案段階でのイメージのしづらさを解消するため、パイロット版を作成し、クライアントに対して視覚的かつ具体的に操作方法やデザイン変更の効果を説明しました。
https://shonenmagazine.com/