「電子議決権行使 & バーチャル株主総会」サービスサイト 構築・改善

株主総会前日までに複数存在する行使結果の自動集計、及び当日開催分の集計を行う〈電子議決権行使〉と、双方向型の動画 LIVE 配信サービスと組み合わせることでオンライン上でリアルタイムの議決権行使の参加、質疑応答、閲覧が可能となる〈バーチャル株主総会〉

IA（情報設計デザイン）・UX デザイン・ビジュアルデザイン・HTML テンプレート作成を担当。さらに CMS 設計・サービス運用設計・デザインテンプレート作成を行い CMS 化を推進、業務効率の改善とサービス品質の向上に取り組んでいます。

「IR-navi」サービスサイト リニューアル

3つの投資主体〈国内機関投資家・外国人投資家・個人株主〉と事業会社をインターネット上で結ぶ、国内唯一の投資家マーケティングツール。国内外の機関投資家保有状況の閲覧、保有株数の推移や他社比較によるターゲティング、運用スタイルの分析等が可能。また、投資家リスト及び面談履歴等の管理機能を搭載しており、IR 業務全般を促進。

IA（情報設計デザイン）・UX デザイン・ビジュアルデザイン・ブランディングを担当。マーケティングにおけるプロモーション戦略にも携わり現在リニューアルに向けて鋭意制作中。

インフラ環境の改善

グループ関連会社の多くの Web サイトが 外部の管理会社を通し AWS（アマゾンウェブサービス）上で運営されていたが、スムーズに運営できる体制が整えられておらず、 事業担当者がブログを更新する程度でも多大な時間と労力が必要な状態であったため、アクセス状況なども考慮しオーバースペックと判断し通常の専用ホスティングサーバーへの移設を提案。

公式サイトやマイクロサイトを含め約50サイトをノートラブルで移設、大幅なコストダウンと作業時間の短縮を実現し、スピーディーな運営やフレキシブルな新規立ち上げ環境を構築。

「木下グループ」オフィシャルサイト 運用体制改善

木下グループ各社の会社概要について、同一の更新依頼につき複数の依頼先から異なる情報や修正指示が降りてくるため、情報の精査にかかる膨大な時間と不確定な情報を開示してしまうリスクを指摘。責任の所在を総務部とし［木下グループ各社から総務部へ依頼 → 総務部が情報を精査し確定 → デザイン室へ更新依頼］とするワークフローと、総務部が管理するマスターデータの Excel シートを作成し更新方法と合わせて提案。テスト環境でチェック後、本番環境を更新をする運用体制へ改善。

「木下グループ」オフィシャルサイト ＜文化支援活動＞ イベント管理システム改善

木下グループの文化支援活動「音楽・芸術・映画・スポーツ」イベント一覧・詳細ページ。

［開催予定・開催中・開催終了］の自動出力振り分けなど、担当者一人で1度の登録作業で完結するように設計を最適化。提携企業への素材依頼方法から登録方法までのワークフローを確立し、手順マニュアルを作成。大幅な作業時間の短縮と情報精度の向上、人事異動時のスムーズな引き継ぎを実現。さらに表側についても、表示する情報を精査し柔軟に対応できるフォーマットを整え、一覧ページでは単なるイベントの羅列ではなく、各活動内容の概要文追加を提案しグループの文化支援活動をアピールできるコンテンツへと発展。カテゴリーによって一覧・詳細ページでのイベント表示順の昇順・降順を最適化するなど、フロントエンジニア業務に留まらず、実質的なディレクションや UX デザインまで幅広く担当。

「木下の介護」オフィシャルサイト（PC・モバイル） 施設情報登録・管理の合理化

サイトリニューアルに伴い、各施設情報を運営担当者が管理画面からいつでも登録・更新できるように WordPress をフルカスタマイズし設計・構築。その後、主要な施設については外部のデータベースに情報を持っていることが発覚。担当者が双方の登録作業を求められたが、重複作業や情報の誤差を指摘し API 化によるデータの再利用を提案。その際すでに登録されている情報の表現の違いや表記ゆれを精査しフォーマットを整えサイトと接続。担当者の大幅な作業時間短縮と情報精度の向上を実現。また、今回のサイトリニューアルは表層を変えただけに過ぎないことを指摘、ワイヤーフレームを作成し情報デザインを再設計、ニーズに沿ったコンテンツの拡充、SNS との連携によるプロモーションなど、さらなるサイト改善を提案。フロントエンジニア業務に留まらず、実質的なディレクションや UX デザインまで幅広く担当。

「キノノキ」Web マガジン（PC・モバイル） 掲載作品登録システム

キノブックスが運営する小説・エッセイ連載のオンライン Web マガジン。

担当編集者が管理画面からいつでも登録・更新できるように WordPress をフルカスタマイズし設計・構築。各作品ごとに基本情報と各エピソード・画像素材などを管理・更新するための Excel シートを作成、ワークフローを確立し手順マニュアルを作成。大幅な作業時間の短縮と、退社・入社による人員入れ替わり時のスムーズな引き継ぎを実現。また、ジャンル・著者名・発行年月による検索表示や書籍化作品表示の UI 設計と機能実装など、フロントエンジニア業務に留まらず、実質的なディレクションや UX デザインまで幅広く担当。

「木下工務店レジデンス」オフィシャルサイト
イベント管理・参加申し込みシステム／施工実例登録システム

木下工務店レジデンスが主催するイベント「セミナー・見学会・その他」の一覧・アーカイブ一覧・参加申し込みフォーム付き詳細ページ。

運営担当者が管理画面からいつでも登録・更新できるように WordPress をフルカスタマイズし設計・構築。各カテゴリー別に掲載情報やフォーム入力項目を精査しコンテンツのフォーマットを作成。［すべて・月別・過去］各一覧ページ間移動の整合性のとれたナビゲーション UI 設計と機能実装など、フロントエンジニア業務に留まらず、実質的なディレクションや UX デザインまで幅広く担当。

同様に施工実例についても担当者のみで運営が可能なように設計・構築。

初心者の制作育成・フォロー

経験が浅く納品前のトラブルが多発する Web デザイナーが在籍していたため、デザイン・コーディングのチェックやアドバイス、スケジュール管理を担当。コーディングスキルの改善により、何度も差し戻されていた各新聞社の入稿（納品）チェックをほぼ1回でクリアできるようになり作業時間を大幅に短縮、デザインスキルの向上により依頼件数が 1.5 〜 2倍へ増加。

「at+link 専用サーバサービス」オフィシャルサイト 運用体制改善

それまでは月に1回の定期更新に丸一日を要しており、開発部門・運営部門・営業部門の相互理解不足で連携が取れておらず、異なる情報や修正指示が更新日当日に五月雨式に降りてくることが原因であり、その間ユーザーに不確定な情報を開示し続けていることを指摘。受注からサービス提供までの情報の流れや、サポートやお問い合わせのフィードバックなど社内業務ワークフローの改善を提案。その結果、情報の精度は向上し作業時間は大幅に短縮、前日の夜までにテスト環境で各部門のチェックを済ませ、当日は本番環境を更新をするだけ、とする運用体制へ改善。

「at+link 専用サーバサービス」オフィシャルサイト リニューアル

運用体制改善を経て自社事業への理解を深めたことと、既存のオフィシャルサイトが老朽化していたことから、フルリニューアルを提案。

サイト全体の情報設計、主要ページのデザインテンプレート・HTML テンプレートを作成し、それをマスターとして全ページを作成する派遣社員の Web デザイナー（3名）への指示やクオリティ管理、サーバサイドエンジニアとの連携など、制作進行・ディレクションまで担当。

「小沢一郎 2010年9月民主党代表選挙」オフィシャルサイト

民主党代表選挙への立候補表明前日に連絡を受け急遽立ち上げることとなったが、すでに前任者から「民主党衆議院議員 小沢一郎」オフィシャルサイトの運営を引き継ぎ信頼していただけていたこともあり、コンテンツの選定からデザイン・コーディングまで一任されリアルタイムで拡張しながらサイトを運営。

2008年アメリカ大統領選挙でのバラク・オバマ上院議員の活動事例を参考に、当時の日本ではまだ一般世間に浸透していなかった SNS を活用。

Twitter アカウントを開設し遊説の模様をリアルタイムで配信、YouTube チャンネルを開設し新規動画だけではなく「衆議院 TV」や「民主党放送局」から動画を抜粋・再構築しキュレーション・オウンドメディアとして活用。

「民主党衆議院議員 小沢一郎」オフィシャルサイト

運営中である既存サイトの老朽化もあり、民主党代表選挙の経験を生かしフルリニューアルを提案。すべてのコンテンツを再設計しワイヤーフレームを作成。承認を得てデザインフェーズへ入る直前に小沢一郎議員の政治資金問題でプロジェクトは中止となった。

「千葉県木更津市」オフィシャルサイト

ウェブバリアフリー品質保証技術者認定（株式会社インフォ・クリエイツ発行）を取得し、官公庁のオフィシャルサイトとして、弱視や色覚障害へ配慮した文字サイズの切替やハイコントラストな配色、視覚障害へ配慮したスクリーンリーダー対応、四肢障害へ配慮したキーボードのみで操作可能なショートカットキー割り当て対応など、高齢者・障害者などハンディを持つ人であっても必要な情報に容易にアクセスし利用できるアクセシビリティ／ユーザビリティに優れた Web サイトを構築。

木更津市在住の外国人向けに、単純に翻訳するだけではなく、必要な情報や適切なコンテンツを抜粋し、英語・韓国語・中国語のページを作成。

子供向けに木更津市を紹介するページを作成。“たぬき” と“博士” のオリジナルキャラクターを書き起こし、イラストを豊富に使用して楽しいコンテンツを作成。

主要ページのデザインテンプレート・HTML テンプレートを作成し、それをマスターとして全ページを作成するパートナー制作会社や翻訳会社への指示やクオリティ管理など制作進行・ディレクションまで担当。

「大手自動車メーカー」オフィシャルサイト グローカリゼーション

US で作成されたグローバル・ブランディングを継承しつつ、日本独自の特色や特性を考慮して VI を作成。オフィシャルサイトを構成する主要ページ（トップページ・カーラインナップページ・車種詳細ページ・お問い合わせフォーム・ディーラー検索・リーガルページ など）のテンプレート Web デザインを作成し、それをマスターとして全ページを作成するパートナー制作会社への指示やクオリティ管理などのデザインに関するディレクションまで担当。合わせてデザインスタイルガイドと、そのオンライン版サイトを作成。

「大手自動車メーカー」各種マイクロサイト

自ら作成した VI・デザインスタイルガイドに基づき、「アフターサービスサイト」「ビジネスカーサイト」など日本市場のニーズに必要とされるの各種マイクロサイトの Web デザインを作成。製品やサービスに寄り添った独自性の強いデザインが必要とされるため、あらゆるフォーマットに対応可能な共通ルールを定義したマイクロサイト用デザインスタイルガイドを合わせて作成。

マルチメディアスクール、派遣会社の実践トレーニングを経て、経験・実績ゼロの状態から派遣就業をスタート。

製品解説用 CD-ROM のデバック、素材集用イラスト作成、単純な HTML コーディング、バナーや POS（液晶レジ）用画像作成など、オペレーション主体の業務を行いつつ、独学でデザイン・ディレクション・IA を学びスキルアップを果たし、派遣会社の担当営業マンへアピール。

ディレクション・デザイン・コーディングを一貫して担当する Web サイト制作や、大規模な B to B EC サイトのデザイン・コーディング、Flash を使用したプロモーション用ムービー・スクリーンセイバー・ゲーム作成、アプリケーション用 UI・アイコン作成、社内外のデザイナーを統括するオンラインショッピングモールの制作ディレクションとポータルサイト制作など、よりクリエイティビティと責任が必要とされる仕事へとキャリアアップを重ねていきました。