建築系企業コーポレートサイト-新規構築

#SI(システムインテグレーション)#Webサイト制作事業
  • 環境
    Wordpress
  • 使用言語
    PHP , HTML5 , CSS3 , BootStrap3
  • 担当フェーズ
    要件定義 - 画面設計 - デザイン - コーディング - プログラミング - 検証 - リリース
  • 開発期間
    2ヶ月
  • URL
    http://www.jatc.co.jp/
  • 契約形態
    請負契約

ご要望

古くなったコーポレートサイトを一新したいのご依頼。

今風のデザインで、ターゲットを新卒にしたいとのご要望でした。

担当フェーズ

要件定義

お客様のご要望を粒度細かくヒアリング

まずはワイヤーフレームを作成し、必要なページ/不要なページを弊社からご提案

デザインに関しては参考となるWebサイトを数点ご提示し、お客様が考える理想のデザインに近づくように。

画面設計

必要なページを洗い出した後、ページ内にどういったコンテンツを表示するか、またどのように表示するかをワイヤーフレームを元にヒアリング/ご提案

また、コンテンツのどの部分をWordpressで動的表示する必要があるかを細かくヒアリング/ご提案

UI/UXデザイン

ワイヤーフレームを元に、UI/UXデザインを行う

色のご指定や、ヒアリングしづらい雰囲気に関しても、逐一ご確認していただきながら、理想のデザインに近づける。

Photshopにてpdfを生成し、実デザインをご確認して頂いた

コーディング

静的ページコーディング

まずはトップページから構築し、ご確認頂いた後、下層ページを一気に作成。

トップページにて雰囲気をご確認いただけたら、その後1ページ毎にご確認していただくのはお客様のご負担になるので、下層ページはまとめてご確認していただきました。

実際のページを見ていただくことで、アニメーションだったり、デザインとは違うブラウザでの動きをご確認いただきました

WordPress構築

お客様のサーバがレンタルサーバだったということもあり、実際の環境を調査し諸々を確認

その上でWordpressを構築し、テーマファイルを作成

管理画面にて、「お知らせ」や「社員インタビュー」のページなどを編集できるように。

検証

全ページをリグレッションテストを行った

また、管理画面から投稿できる箇所については文字数テスト等を実施

弊社検証後、お客様の検収。

リリース

お客様の実環境へリリース

採用コンサルティング

新卒をターゲットにされるとのことでしたので、弊社が提携している求人系のコンサルティング企業様にご協力頂き、新卒向けのアプローチ方法や、コーポレートサイトに載せている求人を自動でIndeedにクローリングしてもらう方法などをご提案させて頂きました。

採用ページに関してはレイアウトに一番力を入れ、アピールを徹底しております。