MOGOKマスコットキャラクター
client
work descriptions
Rubyプログラマ支援サービスMOGOKのマスコットキャラクターデザイン。
comment
クラウド上で動くサービスという理由で「雲」。雲の形から羊を連想してイメージを膨らましました。
MOGOKの思想にある「コンピューターを使う人も幸せに」を実現する一助になるキャラクターに育ってくれると嬉しいです。








MOGOKマスコットキャラクター
ビストロ笑福や ロゴマーク
ふくおか かつぎて けいかく
ふくおかNPOセンター
エレメンツのARGサービス
有限会社エレメンツ
九州大学 先端医療イノベーションセンター
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://nomake.jp/special/funsd/
新規サイト。
九州最大のタレント&モデル・プロダクション「ノーメイク」所属のFun'sd(ファンズ)公式サイト。
弊社はサイト構成からWeb制作全般を担当しました。
歌って踊れる男性ユニットFun'sd(ファンズ)の持つ「若々しさ、硬派な男らしさ」をイメージしてデザインしました。
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!ショッピング、ビッダーズなどの発送処理や注文をまとめて管理できるサービスをいかにネットショッピングのオーナー達へ訴求できるかを目指したサイトです。
「受注レスキュー」の響きからレスキュー隊のスピード感や駆けつける感じをイメージしたロゴデザイン、キャラクターデザインを行ないました。
他業種にわたるネットショッピング運営者を対象としているため、イラストや図解でのわかりやすさや文書構成に注力しました。
複数の雑多な受注作業をシンプルに一つにまとめるソフトの特性や、ソフトの信頼性、手堅さをイメージして「パッケージ=箱」を彷彿とさせるデザインにしました。
※弊社制作分は2011年まで
福岡県新社会推進部社会活動推進課生涯学習室
NPO・ICTどんとこいプロジェクト
福岡県の社会参画促進を目的とした情報配信サイト(PC、モバイル版)新規制作。
情報設計、グラフィックデザイン、HTML+CSSコーディング、MovableTypeカスタマイズ、
福岡県の社会参画を促すため「仕事」「知識」「ボランティア」の面から情報を収集し、提供するサイトです。
このサイトを運営する「福岡県社会活動推進課生涯学習室」と「NPO・ICTどんとこいプロジェクト」 のスタッフが更新し易く、また、「キーワード」や「カテゴリー」等からご利用者が記事を検索しやすくするために、MovableTypeを採用しました。
ブルーオーシャンシステムズ株式会社
ソフト開発、システム制作会社のサイトリニューアル。
情報設計、グラフィックデザイン、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のオフィス自体を前面に打ち出すグラフィックデザインを行いました。今回は撮影から弊社で行っています。
全体的なプロモーション・コンセプトやサイトの目指す方向性は フライトシステムコンサルティング の 山本さん に携わって頂きました。
情報設計、CMSカスタマイズ(Wordpress)、グラフィックデザイン、HTML+CSSコーディング
特定非営利活動法人なので、[信頼][安心感][公式さ]を大事にしました。また長期視点での運用を考え、Wordpressを導入しました。
団体の特性上、オープンな組織である事をビジュアルで表現しました。また公式キャラ「 シーサーくん 」を作成・デザインしました。(イベント等に使うTシャツデザインも行いました)
イベント[ Seasar Conference 2008 Spring ]のスタッフ・関係者のTシャツのデザイン
躍動感、エネルギッシュ、春をイメージして考案しました。
NetBeans日本語コミュニティ のマスコットキャラクター考案
NetBeans
の立方体のロゴをモチーフに、多くの人に愛されることを願ってキャラクターデザインしました。
キャラクターの使用に関しては、
クリエイティブコモンズのライセンス
を使用することで、非商用利用なら自由に使用できるようにしました。
なるべく多くの方が自由にキャラクターを扱えることで、キャラクターがどのように育っていくのか、新たな可能性を見出したいと思っています。
ねこび〜ん公式サイトはこちら
ロゴのデザインとサイトデザイン
iPod touchで使用するのを前提に、手のひらサイズで展開されることと、使いやすさを考慮してデザインしました。
リニューアル提案、ディレクション、企画、情報設計、テンプレート設計、グラフィックデザイン、HTML+CSSコーディング
2003年の開設以来のリニューアルに携わりました。
今回、弊社は単なる見た目を奇麗にするためではなく、ユーザーにとってより適切な情報を提供できるサイト目指しました。そのためクライアントやWeb担当者とは時間をかけて、肥大化した既存コンテンツの整理からユーザー視点でのサイト構成、画面上での情報設計などを綿密に協議しながら取り組みました。
デザイン面では、情報を見やすくするために、あえて少ない色調にし、シンプルでありながら、施設の持つ信頼性や高品質な感じを表現しています。
また Adobe Contribute を導入する事により、低コストで編集時の自由度が高いサイト管理・運営体制を実現できました。
更新度が高いコンテンツに関しては、複数の運営スタッフ達が更新しても品質が保ちつつ、ミスが減るようなテンプレート設計を行っています。また通常ページでは Adobe Contribute のライブラリ機能を使用した多様なパーツを準備することで、自由度のある編集を可能にしつつも、運営面でスタッフの更新がスムーズに行えるように心がけています。
備考:クライアント様や担当スタッフ等のプロジェクトチームとの情報共有や作業管理を行う上でプロジェクト管理ツールがとても重要になりますが、今回 [Backlog] を導入し、とてもスムーズにディレクションが行えた事もここに明記しておきます。
写真撮影、プログラミング、HTML+CSSコーディング、オンライン広告コンサルティング、企画,ディレクション、グラフィックデザイン、イラスト
過去の実績写真をふんだんに使い、明るく楽しい色使いでクライアントとお客様の距離感のない手作り感あふれるイメージに。お客様一人ひとりのわがままウエディングをかなえてくれる、気軽に問い合わせができる、そんなサイトを心がけました。
SEO対策やオンライン広告出稿の効果による問い合わせ件数も着実に増えています。
ベテランウエディングプランナー様の想いがつまったサイトに仕上がりました。




