verb(キキバーブ)へ!ウェブ制作やSEO対策のプロとして、ウェブサービス制作の経験者として、頼れる外注先としてどんな事でもお気軽にお問い合わせ下さい。昨年4月にオフィシャルホームページを立ち上げてから、今回で3代目となるデザインリニューアル。verbでは通常、お客様からホームページ制作を承った場合は「抱えている問題や課題」「目指すべき具体的な目標」「デザインや運用管理などに関するご要望」という3点を、お打ち合わせを通してしっかりと固めてから制作作業に入ります。ところが自分自身のサイトを作るとなると、どうしてもその部分を固めきらなかったり、最新技術の導入や自身の趣味趣向に走ってしまうきらいがありました。今回のリニューアルに際しては、実験的に自分自身をクライアントと見立てることで、その方法論を自サイトの構築にも用いることにしました。verbオフィシャルホームページは、いくつかのユニークな仕掛けを施していました。「アクセスのたびにサムネイル画像がランダムで変わる仕掛け」や「画面遷移せず、すべて1ページ内に内容を記述して、Ajax技術でユーザーのクリックごとに内容を差し替える仕組み」など、ユーザーへの利便性やちょっとした面白みを与えるのが主な目的でした。リニューアルに先立ってアクセス解析を注視して調べてみたところ、その仕掛け自体はあまり効果が無く、むしろ制作実績や制作工程の詳細などといったコンテンツの充実が望まれているということが見えてきました。verbの存在を知る手段がありませんでした。これらを当該サイトの課題として、対する目標を「それぞれのコンテンツ内容の充実」と「認知経路の増加」と定め、3ヶ月後までの数値目標として「平均ページビュー数と各コンテンツの滞在時間を、リニューアル前よりも10%向上させる」と「各種ウェブサービスやブログからのアクセス流入数と、サイトへの直接アクセス数との比率を1:1にする」という2点を掲げました。verbオフィシャルホームページの所有者としての要望を考えました。そこで「増えていく制作実績や最新トピックスをカンタンに管理できるバックエンド」「ホームページデザインギャラリーのようなサイトに掲載されても違和感がないデザインクオリティ」「同業他社に無いような特色のあるコンテンツや仕掛け」といったモノを定めました。これらの要望を組み入れつつ、抱える課題を克服して、設定した目標に到達できるようなソリューションのひとつとして浮かんだのは、「CMSとしてWordPressを導入して、既存コンテンツを更新可能にするとともに、新たにブログコンテンツを立ち上げる」という方策。WordPressはバージョン3.0以降、「カスタム投稿タイプ」という機能を使うことで、ブログ形式のコンテンツを1つのサイト上にいくつも設置できるようになりましたので、これを活用すれば、最新トピックスや制作実績のような更新を要する複数のコンテンツでも、管理が非常にカンタンになります。verbの仕事ぶりや人となりがお伝えできるかもしれません。他にもいくつかソリューションのアイディアは浮かびましたが、総合的に判断した結果、上記の方策での構築を決定致しました。特色のあるコンテンツや仕掛けここまででリニューアル後のおおよそのコンテンツは決まりましたが、ひとつ「特色のあるコンテンツや仕掛け」という要望が組み入れられていないままでした。何か面白いアイディアは無いかと思案していた中、その当時インターネット上では「Gumroad」という、誰でもカンタンにデータコンテンツを販売できるというウェブサービスが話題になっていました。当時すでにたくさんの方々が音楽データやテキストデータを販売している状況でした。中には「使わなかったロゴデータ」や「昔作ったアイコン画像」といったモノも販売されており、それらを眺めていた時にふと思い浮かびました。verbにも倉庫に眠っているようなデータがあります。いった、いわば「アウトレット」なデータを表舞台に引っ張り上げて、見本市のようなコーナーを設けたら面白いんじゃないかと。して生まれた発想が、当サイトのコンテンツのひとつ「プロダクトアウトレット」です。導線を少しでもシンプルに掲載すべきコンテンツが出揃いましたので、次はどうすれば効果的な配置となるかを詰めるワイヤーフレーム制作段階となりますが、ここで悩んだのが「お問い合わせフォームの掲載方法」について。通常であればひとつの独立した問い合わせ用ページを設けるものですが、今回はあえてフッター部分に常時表示させるレイアウトにしました。お問い合わせに繋がる導線を少しでもシンプルにしたいという思いから生まれたアイディアですが、これによって来訪した方が問い合わせ用ページへ行くためのクリック数を、たった1つですが減らすことができます。これがコンバージョン率の向上に繋がるかどうかはまだ分かりませんが、結果が楽しみな感触は感じています。細部のデザインにワイヤーフレームの制作でレイアウトが固まったところで、Photoshopを使って細部のデザインに着手する段階へ。verbのロゴデザインを意識したカタチで導入しました。それに合わせて各コンテンツのタイトル部分にも丸型モチーフを用いて、全体を通しての統一感を持たせました。CSSで作成しました。CSSで作り込み、そこで細かな修正を施してから、最終的にWordPressのテーマとしてphpに変換しつつ要所をプログラミング。このタイミングで、必要となる各種WordPressプラグインを導入して、それぞれの設定をしながら動作確認を並行します。7」というプラグインを、twitter連動機能には「Tweetable」を、facobook連動機能は「Wordbooker」を用いました。7」にはプラグイン内部に手を加え、「送信ボタンを画像に差し替える」という改造を施しました。無事リニューアル全ての制作が完了したところで最終的な動作確認を行い、2012年4月1日にデータを本番環境に移行、無事リニューアルを遂げました。今回はWordPressという手馴れたCMSを使ったことで、比較的短期間で滞りなく制作を行うことが出来ました。本年もありがとうございました。年末は12/26まで、年始は1/6からの営業となります。2018年11月1日2018年10月をもって法人化致しました。今後ともご愛顧賜りますようお願い申し上げます。「制作実績」に「打線くん(仮)」を追加致しました。ランディングページ[担当]デザイン»制作実績お問い合わせフォームウェブ制作に関するご質問やご相談、無料お見積もりのご依頼、コンサルティング・アドバイザリー契約についてなど、下記フォームよりお気軽にお問い合わせ下さい。はじめ、商品管理システムや従業員の日報管理システム、オリジナルCMSなどを開発。現在も様々なウェブサービスを企画・開発するほか、ウェブ制作情報系ブログ「ITキヲスク」を運営しています。