traveler20’s Works

個人制作実績や職務経歴になります。

プリントパックトップページのUI改善・リニューアル

image block
概要
株式会社プリントパックにて、印刷通販サイトのトップページのUI改善と、リニューアルを行いました。

デザイナーと共同で主にコーディング業務を担当。
ユーザーの目的ごとに商品が選べるよう、集客支援やおすすめ商品などをカテゴライズした導線を実装。
また、トップページのSEO対策や高速化などの修正も同時に実装。結果、Google検索で「印刷」のビッグワードで8位から1位まで上昇させました。
基本情報
制作期間 プロジェクト単位としては1ヶ月ほど。
コーディング自体は、デザイナーとのやり取り含めて約3日間。
担当領域 コーディング業務。
また、コーディングに伴うSEO対策やクリック率計測。
制作ツール・言語 HTML
CSS
JavaScript
制作体制 デザイナー1名
コーダー1名

工夫した点
image block

トップページが横長バナーを並べただけのわかりにくい構成になっていたため、情報を整理してリニューアルを実施。

従来のページは情報量が多くユーザーを混乱させるようなデザインでした。デザイナーと協議しつつ、ユーザーが用途に合わせて選択しやすいような見出しや商品のカテゴライズを実装。おすすめ商品や人気商品など情報を分類させることで使いやすいサイトを目指しました。

担当した業務は主にコーディング。デザインを実装する役割でありながら、見出しの統一性やホバーによる動きなども積極的に提案。アイコンのデザインも担当し、Illustratorで作成、書き出し、実装も行った。

image block

【SEO対策の実施、「印刷」のビッグワードで1位獲得】

トップページのコードを整理し、SEO対策を本格的に実装したことで「印刷」や「印刷 格安」「印刷 安い」といったワードで検索順位1位を獲得しました。

プリントパックのトップページはもともとSEO対策が特に実施されていない構成になっていました。
特に、画像のaltが未定義であったり、閉じタグで閉じられていなかったり、SEO対策以前の実装面に課題があったため、デザインのリニューアルにあたりSEO対策に配慮した実装も同時に進めました。

競合調査はもちろん、検索キーワードの分析、検索意図の汲み取り等を行うことで、検索順位を8位から1位に引き上げることに成功。

image block
image block