特定非営利活動法人 AIP
imanee ファッションなら、あの人になれる。
気づきネット
福岡工業大学
イノベーションクラブ福岡
九州大学 大学院芸術工学府 芸術工学専攻 環境・遺産デザインコース
きづき×ひらめき×デザイン
フジケミカル株式会社
webサイトリニューアル
企画、情報設計、ビジュアルデザイン、HTMLマークアップ、CMSカスタマイズ(baserCMS)
コミュニティ活動をする際にいつもお世話になっているAIPのサイトリニューアル。
サイト制作の目的は、
AIPの様々な取組・活動がうまく周知できていなかった状況を改善するため
既存コンテンツの整理と情報配信の土台固めを行いました。
福岡のIT系コミュニティの相談窓口となってますので、是非このサイトを活用してください。
webサイトリニューアル企画、UX（ペルソナ作成、プロトタイピング、ユーザーテスト等）、情報設計、UIデザイン
テレビの中の憧れの人に近づけるアイテム情報を配信するTVショッピングメディア。
とても良いチームワークで運営されていて
ビジネスモデルキャンパスを埋めるワークショップから、
ペルソナ作成→シナリオ作成→モック作成→ユーザーテスト→画面デザイン
まで一緒に取り組むことができ、大変楽しくお仕事させていただきました。
国立大学法人 九州大学
新規サイト制作
情報設計、ビジュアルデザイン、HTMLマークアップ、CMSカスタマイズ
※気づき検索システムは 株式会社Fusic が制作。
福岡市が市政の柱の一つとして掲げているユニバーサル都市・福岡の一環で
ネットを活用して多様な市民の課題を共有し、解決に結びつける社会的なしくみを作ることを目的に作られました。
弊社は主に情報配信・アーカイブ部分を担当。ワークショップで集められたデータを蓄積し、検索結果を見える形にするシステムは株式会社Fusicが担当しました。
国立大学法人 九州大学
新規サイト制作
企画、情報設計、ビジュアルデザイン、HTMLマークアップ
九州大学大橋キャンパスの学生生活をサポートする情報ポータルサイトです。
国立大学法人 九州大学
サイトリニューアル
企画、情報設計、ビジュアルデザイン、HTMLマークアップ、CMSカスタマイズ
学生のスマホ利用率を考慮し、スマホでの見やすさを重視した上で情報整理し、レスポンシブデザインで作成しました。
国立大学法人 九州大学
新規サイト制作
企画、情報設計、ビジュアルデザイン
きづき×ひらめき×デザイン は
九州大学発 の企業や行政のモノづくりやサービスを支援するプログラムです。
従来のリサーチとは異なり
障がいのある人、外国人、親子、高齢者に商品評価を依頼して
多くの気づきを発見、収集、報告書作成までを行います。
商品開発を検討されている方、
既に販売済みの商品改良を検討されている方は
是非問い合わせてみてください。
フジケミカル株式会社
新規サイト制作
企画、情報設計、ビジュアルデザイン、HTMLマークアップ
福岡市内にある塗料製造・塗装工事のフジケミカル株式会社のWebサイト立ち上げに携わりました。
住居や店舗だけでなく、電機・電子関連のガラス製品や導電性/絶縁性接着剤（電機を流す/流さない目的別の接着剤）などプロ向けの商品を販売されています。
webサイトリニューアル
CGFMとしては主にサイト全体のディレクション（アートディレクション、テクニカルディレクション）、制作チーム作りを担当させていただきました。福岡工業大学のスタッフや福岡のコミュニティでも活躍するフリーランス達と一丸と取り組んだおかげで、大規模で短納期の案件を2014年6月に無事公開できました。（制作期間：およそ3ヶ月)
サイトリニューアル
企画、情報設計、ビジュアルデザイン、HTMLマークアップ、CMSカスタマイズ※
baserCMS導入によりクライアント側でサイト管理を実現
同じ九州大学内の工学部 建築学科と混同されることもあり、環境設計学科らしさを打ち出したい、というご要望に対して
「在校生の作品、学んでいる風景、設備 を写真などを用いて学内のイメージを伝える。」
「卒業生の活躍をどんどん紹介していく。」
という点をサイトリニューアルの目標とし、サイト構成、情報設計から取り組みました。
webサイト スペシャルコンテンツ制作
企画、ビジュアルデザイン、HTMLマークアップ
入居者、オーナー、管理会社と一緒にカスタムリノベーションするサービス「リノっしょ」のサービス紹介サイト制作。
サイト制作のご相談を受け、何度かミーティングを行い、
『「リノっしょ」をきちんと説明できるコンテンツを作ろう！』
という目標を定め、クライアント様と弊社と二人三脚でサイト制作を進めました。
グラフィックデザインのコンセプトは「手作り感」「女性でもDIYできる」とし、その表現のために細部にちょっとした動きのある仕掛けを施しています。
webサイト立ち上げ
ビジュアルデザイン、HTMLマークアップ
福岡のスタートアップとして注目されてる グルー株式会社（Glue Inc） さんのサービスの一つ、「グルサポ」というブラウザだけで簡単・便利なビデオチャットシステムのサービス紹介サイト。
ブラウザだけで顧客とビデオチャットできる簡単・便利・安いの三拍子揃ったオススメのサービスです。
（グルサポは2012年 福岡市のステップアップ助成事業（ビジネスプランコンテスト）で最優秀賞を受賞されました）
サイトリニューアル
企画、情報設計、ビジュアルデザイン、HTMLマークアップ
マンガぽーるは、ユーザー主体の漫画投票サイトです。 新刊チェックや読んだ巻数のメモなど便利機能も備え、ユーザーの漫画ライフを完全サポートします。もちろんレビューも書けます。
webサイトリニューアルの一番の目的は「使いやすさ・情報整理」だったので情報設計・画面UIの改善に注力しました。ワイヤーフレーム段階でCacooを利用し、Cacoo上で協議を重ねてデザインに落としこんで行きました。
HTMLコーディングでは画面サイズに合わせた可変レイアウトを心がけて組んでいます。
サイトリニューアル
企画、情報設計、ビジュアルデザイン、HTMLマークアップ、CMSカスタマイズ※
お知らせ情報の投稿。サービス・実績情報の追加。
福岡県でイベント企画制作やセールスプロモーションの企画制作を主な業務とする株式会社サヴィーのコーポレートサイト。
イベント、プロモーション企画をはじめ商品開発や人材教育にも携わるなど、守備範囲が広く、業務が多岐にわたるのが一目瞭然なサイトにしようと心がけて作成しました。
サイトリニューアル
企画、情報設計、ビジュアルデザイン、HTMLマークアップ、CMSカスタマイズ※、更新マニュアル作成。
イベント情報の投稿。活動実績の投稿。
視覚障害をもつ子どもたちにも科学の面白さを知ってもらいたい。
そのためのワークショップやキャンプを行ったり
保護者や支援したい人の横のつながりをつくる活動を行う「科学へジャンプ」事業の情報発信サイト。
イベント情報を探しやすく見やすくする情報設計を心がけました。配信しやすく更新しやすくするためにCMSを導入しました。
サイトリニューアル
企画、情報設計、ビジュアルデザイン、HTMLマークアップ、CMSカスタマイズ※、更新マニュアル作成、更新操作研修。
お知らせ情報の投稿。イベント情報の投稿。ブログ設置。研究室・グループ・プロジェクト毎の子サイト雛形作成。研究室・グループ・プロジェクトの増減に対し柔軟に対応できる設計。
九州の先端科学技術の中核的研究所を担うISIT。
拠点としての意義や実際の活動内容、実際に行われている研究活動を広く多くの方にご理解していただくことを目的としたサイトです。
情報設計の段階でクライアント様とじっくり協議ができたことで、かつて複雑だったサイト構成もシンプルにまとまり、見やすい構成になりました。
研究活動を広く知っていただくため、研究者の方も積極的に情報発信しやすいように更新マニュアルも準備いたしました。
Rubyプログラマ支援サービスMOGOKのマスコットキャラクターデザイン。
クラウド上で動くサービスという理由で「雲」。雲の形から羊を連想してイメージを膨らましました。
MOGOKの思想にある「コンピューターを使う人も幸せに」を実現する一助になるキャラクターに育ってくれると嬉しいです。
URL: http://www.fukuoka-katsugite.net/
新規サイト。
情報設計、グラフィックデザイン、HTML＋CSSコーディング、BaserCMSカスタマイズ。
ロゴマークは
青い月
の中川さん作。
弊社も「かつぎて世話人」として、サイトやパンフレットに掲載していく内容から、世話人メンバーと一緒に話し合って共に作り上げていけて楽しかったです。
URL: http://npo-an.com/
サイトリニューアル。
情報設計、グラフィックデザイン、HTML＋CSSコーディング、BaserCMSカスタマイズ。
NPOを支援するNPOの、活動を周知することを目的としたサイト。
活動が活発なため更新頻度が高く、情報が煩雑にならないよう、シンプルに見える構成にしました。
このリニューアルを機に、「ユーザーに伝えるための情報整理」をお客様と共に行っていきました。
URL: http://elements-soft.com/arg/
新規サイト。
情報設計、グラフィックデザイン、HTML＋CSSコーディング、WordPressカスタマイズ。
URL: http://elements-soft.com/
サイトリニューアル。
情報設計、グラフィックデザイン、HTML＋CSSコーディング、WordPressカスタマイズ。
URL: http://camiku.kyushu-u.ac.jp/
新規サイト。
情報設計、グラフィックデザイン、HTML＋CSSコーディング、WordPressカスタマイズ。
治験ボランティア募集の受付システムは株式会社Fusicが制作。
先端医療の研究から臨床試験、手術までトータルに行うセンターの紹介サイト。
センター内でのタイムリーな更新を可能にするため、更新システム(WordPress)を導入しました。
URL: http://redoxnavi.kyushu-u.ac.jp/
サイトリニューアル。
情報設計、グラフィックデザイン、HTML＋CSSコーディング、WordPressカスタマイズ。
組織内でのタイムリーな更新を可能にするための更新システム(WordPress)を導入。
各研究グループ別で更新していきたい、というご要望に応えるため、WordPressのマルチサイト機能を使用しています。
大学特有の公共的な面と、研究機関ならではの硬派なイメージを表現しています。
見た目もシンプル且つ、使い勝手もよくなるように心がけてデザインしました。
URL: http://www.nomake.jp/special/asouririko/
新規サイト。
九州最大のタレント＆モデル・プロダクション「ノーメイク」所属の麻生梨里子の公式サイト。
弊社はサイト構成からWeb制作全般を担当しました。
麻生梨里子さんの特技がクラシックバレエ、タップダンス、ジャズダンスとアクティブで、舞台やミュージカルが好きで実際に舞台の主演もされていることから、梨里子さんの「アクティブ感」「表現力」が伝わるデザインにしよう！と考えました。
作りながら、弊社も大変楽しませていただきました。
画面を通して「楽しさ」も伝わったら幸いです。
有限会社アイ・ディー (ディレクション、MTカスタマイズ)
新規サイト。
中小企業経営者の経営支援のための情報の収集・発信を目的とした情報ポータルサイト。
弊社はグラフィックデザイン、テンプレートのHTML+CSSコーディングを担当しました。
融資相談や過去のセミナー・アーカイブなど、経営者にとって有益な情報が分かりやすく見つけられるサイトです。
読みやすさを考慮し、白をベースカラーにシンプルにまとめました。
経営者層の方々を対象としているため、クールさも表現しつつも、印象が堅くなり過ぎないよう明るめのアクセントカラーを使用しています。
URL: http://kawtax.jp/
新規サイト。
情報設計、コピーライティング、似顔絵イラスト、グラフィックデザイン、HTML+CSSコーディング、WordPressカスタマイズ
福岡博多で活躍する河上税理士事務所のサイトを作成しました。
サイトで伝えたいメッセージや方向性について、河上様とのやりとりを繰り返す中で絞り込んでいき、「会計力」をキーワードにコンテンツを作成していきました。
河上様ご自身でブログを配信し、ページを修正していきたいとのご要望を叶えるためサイト管理システムとしてWordPressを導入しています。
また情報設計の段階で、河上様とのやり取りには
Cacoo
を利用しました。
URL: http://order-rescue.gluegent.com/
ネットショップのオーナー向けに毎日の受注・発送処理を手助けするのためのサービスの紹介サイト。
弊社はサービス名の企画・提案からロゴデザイン、イメージキャラクターデザイン、グラフィックデザイン、サイト構成などWebサイト制作全般を担当しました。
楽天、Yahoo!ショッピング、ビッダーズなどの発送処理や注文をまとめて管理できるサービスをいかにネットショッピングのオーナー達へ訴求できるかを目指したサイトです。
「受注レスキュー」の響きからレスキュー隊のスピード感や駆けつける感じをイメージしたロゴデザイン、キャラクターデザインを行ないました。
他業種にわたるネットショッピング運営者を対象としているため、イラストや図解でのわかりやすさや文書構成に注力しました。
複数の雑多な受注作業をシンプルに一つにまとめるソフトの特性や、ソフトの信頼性、手堅さをイメージして「パッケージ＝箱」を彷彿とさせるデザインにしました。
ブルーオーシャンシステムズ株式会社
ソフト開発、システム制作会社のサイトリニューアル。
情報設計、グラフィックデザイン、HTML+CSSコーディング
スマートフォンアプリ開発も得意とするシステム制作会社のサイトリニューアルです。
今回のリニューアルでは「会社紹介サイト」と「iPhoneアプリ開発」の2本立で構成しています。
「会社紹介サイト」の制作においては、理屈抜きに会社の姿勢を全面的に視覚で表現することを追求しました。
「潔さ」「率直さ」「渋さ」「かっこよさ」を伝えられたら幸いです。
URL: http://pirkar.ashikunep.org/
Web制作支援ソフトの紹介。新規サイト。
情報設計、ロゴデザイン、グラフィックデザイン、HTML+CSSコーディング
Webサイト制作に関わる人々が、Web標準の基準をクリアするための様々な苦労を軽減する画期的なソフトPirka'r(ピリカル)のご紹介サイトです。
2009年9月の本公開に向けて、情報を充実させていきますので、是非ともご期待ください。
URL: http://www.takachiho-kura.jp/
株式会社ペンシル (ディレクション)
新製品のプロモーション/販売サイトの新規サイト。
グラフィックデザイン、HTML+CSSコーディング、Flash制作全般(モーションデザイン)
神話でも有名な高千穂地方であり商品名に「降臨」と入る事から、デザインコンセプトを「神々の降臨・神々しさ・神秘・夜明け」としました。
Flash部分は「和」の大事な要素で「縦組の文字列」での表現も行いました。またモーションデザイン(Flash上の動き)も「降臨」の雰囲気に合った動きに徹し、高級感を失わないように配慮し制作しました。
総合的なディレクションは 株式会社ペンシル 様が行い、デザイン面は一任してくださったので、とても良い関係でお仕事できました。
サイトリニューアル。
情報設計、スチール撮影、グラフィックデザイン、HTML+CSSコーディング、Blogカスタマイズ
福岡の建築士：立尾氏の建築事務所のサイトのリニューアルです。立尾氏の建築に対する設計・デザインのこだわりを表現するため、それらが如実に表れてるTagspaceのオフィス自体を前面に打ち出すグラフィックデザインを行いました。今回は撮影から弊社で行っています。
全体的なプロモーション・コンセプトやサイトの目指す方向性は フライトシステムコンサルティング の 山本さん に携わって頂きました。
リニューアル提案、ディレクション、企画、情報設計、テンプレート設計、グラフィックデザイン、HTML+CSSコーディング
2003年の開設以来のリニューアルに携わりました。
今回、弊社は単なる見た目を奇麗にするためではなく、ユーザーにとってより適切な情報を提供できるサイト目指しました。そのためクライアントやWeb担当者とは時間をかけて、肥大化した既存コンテンツの整理からユーザー視点でのサイト構成、画面上での情報設計などを綿密に協議しながら取り組みました。
デザイン面では、情報を見やすくするために、あえて少ない色調にし、シンプルでありながら、施設の持つ信頼性や高品質な感じを表現しています。
また Adobe Contribute を導入する事により、低コストで編集時の自由度が高いサイト管理・運営体制を実現できました。
更新度が高いコンテンツに関しては、複数の運営スタッフ達が更新しても品質が保ちつつ、ミスが減るようなテンプレート設計を行っています。また通常ページでは Adobe Contribute のライブラリ機能を使用した多様なパーツを準備することで、自由度のある編集を可能にしつつも、運営面でスタッフの更新がスムーズに行えるように心がけています。
備考：クライアント様や担当スタッフ等のプロジェクトチームとの情報共有や作業管理を行う上でプロジェクト管理ツールがとても重要になりますが、今回 [Backlog] を導入し、とてもスムーズにディレクションが行えた事もここに明記しておきます。
