Portfolio

Web Design

ここでは私がデザインを行ったサイトを紹介しております。

新スマイルサーバ ユーザーサポートサイト

  • こちらは共用レンタルサーバサービスであるスマイルサーバのサポートサイトになります。
  • 2017年4月に旧システムから新システムへのデータ移行開始時に、新サービス用のサポートサイトとして製作いたしました。
  • テンプレート(ヘッダ・フッタ・サイドメニュー)部分はSSIで管理しています。

担当した作業

  • サイトデザイン・コーディング・サイト設計・Movable type7導入&プログラミング
  • 最初にトップページデザイン・テンプレートデザインを作成し、コンテンツに合わせてhtml等を作成していきました。
  • テンプレート(ヘッダ・フッタ・サイドメニュー)部分はSSIで管理しています。

作業期間

  • 最初は制作期間が3か月後の2016年2月でしたが、サービスインの延期で公開は2016年4月になりました。
  • 2018年3月にMovable type7を導入しお知らせ部分をhtmlやサイト構造に詳しくないメンバーでもなるべく簡単迅速に情報を発信できるようサイトの構築設計をいたしました。

制作ツール

terapad,fireworks,illustrator,photoshop

サイト作成メモ

  • 仕様決定が遅れていたため掲載内容が中々決定しなかったり修正がその都度ありました。
  • 仕様決定関係者であるサービス企画やユーザの意見を多く聞くカスタマーサポートの方たちと意見交換をすることが多かったです。
  • 完成後は、サイト滞在時間・アクセスあたりのPV数が増えること、直帰率の減少をWebサイトによりユーザーの疑問が解決した、と仮定してサイトの拡充施策を行っていきました。
  • サイトのアクセス情報とは関係ありませんが、受注数とコールセンターの応答率の割合が減少していることも評価の対象としておりました。。

URL

http://support.smileserver.ne.jp/

スマイルサーバ FAQサイト

  • こちらはOKWAVEのFAQシステムを使ったサイトになります。
  • 全部で7サービスのFAQサイトが存在しています。
  • 以前使用していたジャストシステムのFAQシステムからのデータの移行とテンプレートデザインの設計を行いました。

使用しているCMS

OKWAVE FAQシステム

担当した作業

  • 公開前はテンプレとデザインの設計、テンプレートのコーディング、公開時のデータをCSVに読み込み可能な形に整形。
  • サイト完成公開後はページ作成・修正、各種画像作成、CMSの管理運用を行っております。

制作ツール

terapad,fireworks,illustrator,photoshop

作業期間

  • デザイン作成は1週間程度。
  • コーディングやシステムに読み込ませるQ&Aデータ整形(CSV)も含めると全部で3か月程度でした。

サイト作成メモ

  • サイト完成前はOKWAVE社の方とカスタマイズの調整を行いました。デザインについてはカスタマーサービスの方との意見交換を行いました。
  • 掲載するFAQはカスタマーサービスの方が選定しました。
  • 完成後はカスタマーサービスとコールセンターの方とのFAQ掲載のための打ち合わせを行い、意見集約を行っております。

URL

https://faq.nttsmc.com/category?site_domain=smileserver
https://faq.nttsmc.com/category?site_domain=smileserver_v4
https://faq.nttsmc.com/?site_domain=mngsv
https://faq.nttsmc.com/category?site_domain=vps
https://faq.nttsmc.com/category?site_domain=storage
https://faq.nttsmc.com/category?site_domain=smartflex
https://faq.nttsmc.com/category?site_domain=housing

Web会議システム MeetingPlaza LPサイト

  • こちらはサービスサイト運営・広告運用チームの部署からスケジュール・予算等の関係で、私に依頼が来て制作したものです。
  • 渡されたページ設計書を元にデザイン制作・コーディングを行いました。

担当した作業

サイトデザイン・コーディング

制作ツール

terapad,fireworks,illustrator,photoshop

作業期間

ページデザインが5日、コーディングが3日でした。

サイト作成メモ

サービスサイト運営・広告運用チームの部署の方との打ち合わせを行いました。

URL

https://www.hikari-cloud.jp/meeting/lp1sema/

スマイルサーバ お申込みサイト

共用レンタルサーバサービスであるスマイルサーバのお申込みサイトのデザインを作成しました。

担当した作業

こちらはサイトデザインと各遷移ページのデザインと各ページのコーディングまでを担当しました。

作業期間

制作期間は修正も含めると2か月程度だったように思います。2011年に制作しました。

制作ツール

terapad,fireworks,illustrator,photoshop

サイト作成メモ

  • こちらはサービス企画の方とお申込みサイトを管理しているシステム開発部署との方との打ち合わせを行いました。
  • サポート関連サイトを担当する前はサービスサイトの担当を行っていたので、これはその時に作成したものです。

URL

https://signup.smileserver.ne.jp/?p=plan_select.html

運用のみ

運用・制作をメインで行っているサイトをご紹介します。

旧スマイルサーバ ユーザーサポートサイト

  • こちらは共用レンタルサーバサービスであるスマイルサーバの旧システム版のサポートサイトになります。
  • 現在は共用サーバのユーザは全て新サービスに移行済みで専用サーバのお客様のみがご利用しております。

使用しているCMS

  • Movable Type 3.3
    こちらは私が業務を開始した時には公開されておりました。
  • かなり古いバージョンのCMSですが、ページ数が大量なためそのまま使用しております。
  • 全てがCMSで管理しているわけではなくて、静的なページも共存しているかたちになります。
    テンプレートはSSIを使用しております。

担当した作業

ページ作成・修正、各種画像作成、CMSの管理運用

制作ツール

terapad,fireworks,illustrator,photoshop

サイト作成メモ

こちらのサイトに関しては主にカスタマーサービスの方との打ち合わせ・意思確認を行っております。

URL

http://support.smileserver.ne.jp/index2.html

マネージドサーバ サポートサイト

  • こちらはマネージドタイプのサーバであるマネージドサーバサポートサイトになります。
  • デザイン作成とCMSシステムの作成は外部制作会社に発注し、私はカスタマーサービスの方と共に外注管理とサイト制作ディレクションを行いました。

使用しているCMS

  • WordPress 4.5
    発注時のWordPressのバージョンは3.9.3でした。
  • WordPressのバージョンアップは使用しているプラグインの使用不能を招く恐れがあるため必要最小限に留めております。

担当した作業

  • サイトデザイン・サイトディレクトリ設計に関する指示
  • WordPressの管理画面内のカラム設計
  • テンプレートの構成指示
  • サイト完成公開後はページ作成・修正、各種画像作成、CMSの管理運用を行っております。
  • クロスサイトスクリプティング・クリックジャッキングなどセキュリティ向上のための簡単なプログラミングを行う。

制作ツール

terapad,fireworks,illustrator,photoshop

作業期間

サイト完成までは4か月くらいだったと思います。

サイト作成メモ

  • サイト完成前は外部設計会社の方とカスタマーサービスの方との打ち合わせを行いました。
  • 完成後はカスタマーサービスの方との打ち合わせを行っております。

URL

https://support.mngsv.jp/


top

快速オンライン