職務の概要ラベル・シール印刷ページのコーディング(2021年5月~6月)サイトURL業務規模/担当詳細説明プリントパックトップページのリニューアル(2021年3月~4月)サイトURL業務規模/担当詳細説明
職務の概要
💡
月120万PV超の印刷ECサイトのコーディング・WEBデザイン業務を経験。主な業務はコーディングであるが、コーディングとともにGoogleアナリティクスの設定やGoogleサーチコンソールを操作を行い、クリック率や検索順位の計測も自ら実装した。
ラベル・シール印刷ページのコーディング(2021年5月~6月)
サイトURL
業務規模/担当
- デザイナー1名、コーダー1名の計2名
- コーディングを担当
詳細説明
シール印刷ページは既存のページがあったものの、注文までの導線が複雑で情報が整理されていなかったことから新たな特集ページとして制作。
もともとレスポンシブ対応を検討していなかったが、シール印刷のユーザーはtoCも多いことから、コーディングと並行しつつレスポンシブ対応のサイトデザイン案を提案し実装した。
また、メンテナンスを考慮し他ページと大幅にデザインも技術も異なるSassやFLOCSSを導入したため、ドキュメントを制作。CSS設計の詳細情報やディレクトリ階層、スタイリングの構成等をまとめた。
この結果をもって、言われたことをコーディングするだけでなく、ユーザーの視点に立ったデザインにつなげることができた。この視点は、他の特集サイトやページにおいても有効性があったため、新規サイト制作やユーザー役立つと考えている。
プリントパックトップページのリニューアル(2021年3月~4月)
サイトURL
業務規模/担当
- デザイナー1名、コーダー1名の計2名
- コーディングを担当
詳細説明
トップページが横長バナーを並べただけのわかりにくい構成になっていたため、情報を整理してリニューアルを実施。
従来のページは情報量が多くユーザーを混乱させるようなデザインだったため、デザイナーと協議しつつ、ユーザーが用途に合わせて選択しやすいような見出しや商品のカテゴライズを実装。おすすめ商品や人気商品など情報を分類させることで使いやすいサイトを実装した。
担当した業務は主にコーディング。デザインを実装する役割でありながら、見出しの統一性やホバーによる動きなども積極的に提案。アイコンのデザインも担当し、Illustratorで作成、書き出し、実装も行った。
その結果、トップページでの離脱率を9%改善。ユーザーが情報を選択し注文に繋げられるような設計を試行錯誤しながら実装できることが強みだと考えている。