ボニコドットネット

ここでは、私の制作実績をご紹介。

掲載できるものだけ公開しています。ほかにもいろいろ仕事はしているんですよ(笑)

Webの勉強を始めた時のものからどんどん載せて行きます。少しでも成長が見れたらいいと思っています。

HTML & DESIGN

■レディの引き出し(2014年10月)

レディの引き出し

ワードプレスの勉強と、レスポンシブウェブデザインの勉強として作った「レディの引き出し」。

コンセプトは「知ってて得する!情報の引き出し」。今の時代、女性も男性と同様にバリバリ働く時代となりました。忙しい現代女性がこのサイトを見てちょっと得した気分になってくれたり、コミュニケーションのネタに利用してくれたり、知らずに損したりしないように情報の引き出しを増やしていこうと思いました。

まだページ数も少なく、「レディの引き出し」で検索して最近やっと引っ掛かるようになってきたくらいの、まだまだひよっこサイトです。少しでも誰かのお役に立てたら幸いです。

基本的には女性向けですが、男性の方でも「女性はこんなことに興味があるんだなぁ」とか「こんなこと考えてるんだ?!」とか、そんな側面から見たらいつかどこかで役に立つときがくるかもしれません(笑)。

記事は私が興味を持ったものやビットが立ったものを取り上げているので、サイトとして作っていますがあくまで主観的なブログのようなサイトではありますのであしからずw

■inpossi-facebookカバー画像&プロフィール画像
(2013年10月)

inpossi

facebookのカバー画像とプロフィール画像を発注していただきました。

プロフィール画像は開業されたばかりの会社のロゴにも使いたいとのこと。

たくさん含みを持たせたいなと思いw無限の可能性を秘めた芽が「inpossi」から伸びてゆく様をデザインしました。

また、カバー画像は社名である「inpossi(infinite+possibirityの造語)」を意味する「無限の可能性」を表現して欲しいという無茶振りなオーダーでございました。

私なりの発想で4つご提案しましたが、イマジネーションと己のパフォーマンスの限界を垣間見たお仕事でした(苦笑)

最終的に私イチオシの人類の進化を表現したものを採用していただきました。デザインコンセプトは「最も無限の可能性を持ち、進化してきたのは私たち人間であり、まだまだその可能性は計り知れない。」です。右端を見切れるようにあしらい、まだまだ先があることを意味しています。

2013年のお仕事で一番難産でした(笑)長く活用していただけたら嬉しいです。ご発展とご活躍をお祈りしています。

■ドライブ旅行&ウォーキング旅行にGO!のタイトルバナー(2013年9月)

ドライブ旅行&ウォーキング旅行にGO!のタイトルバナー

「ドライブ旅行&ウォーキング旅行にGO!」というサイトのトップバナーを発注していただきました。

ドライブやツーリング、ウォーキングをターゲットにし「日本百名道」「四国八十八ヶ所」「観音巡り」や「島一周」などなどドライブやウォーキングのためのルートや観光情報などへのリンクを掲載するサイト。

画像を使って「道を行く!」って感じのバナーをご所望でした。

イメージというものは人それぞれなので、探り探りご提案してなんとか着地しました。

ドライブ旅行やウォーキング旅行をご検討の際はぜひご活用くださいませw

■体のメンテナンス Pflege (2013年8月)

体のメンテナンス Pflege

独立開業された整体師さんとご縁があり、サイト制作を発注いただきました。

Webサイトとか全くわかりません!というお客様でしたが、動かないサイトをただ作るのは勿体ないので、htmlの知識が無くてもお知らせくらいはご自身で簡単に更新できるようにと、Wordpressを使ってcmsでご提供させていただきました。

画像を使ったよくある商用サイトみたいなデザインではなく、当サイトのトップのようなテイストのデザインをご所望でした。

しかし「メンテナンス」「癒し」というイメージをお客様に伝えないことにはサイトの意味がなくなってしまうので色々と試行錯誤の末、お店のシンボルであるみかんの木と発注者さまの元気なお人柄にマッチしたイエローをメインカラーにし、ウェルカムボードでお客様を歓迎します!というコンセプトでデザインし、ご提案しました。

なぜかパンダが登場しているのですが(笑)ワタクシの描くパンダをとても気に入っていただいており、是非サイト内に使ってほしいというご要望で後半に若干意図しない方向にデザインが傾きましたがご依頼主様がご満足いただけたようなのでオッケーとしましたwwwとても可愛いサイトに仕上がりました!

お知らせの更新、是非とも頑張っていただきたいです。

■全頂制覇百名山のタイトルバナー(2012年8月)

全頂制覇百名山のタイトルバナー

中学時代の友人が熱い思いで運営している「日本百名山」登山支援サイトのトップバナーを発注していただきました。

今回で2回目なんですが、毎度素材選びから悩みまくりました(笑)

何が大変って、山は角度があるから山なのでして…高さ60ピクセルで山を使うって結構難しいのです。縮小すると幅が足りなくなりますしね。

空の写真と合わせてなんとか合格をいただきました。

実はこのバナー、隠れミッキーならぬ隠れサインが入ってるんですよ。目立たないようにが条件でしたが、知ってて見ると結構目立ってるような…??

あ、どうでもいい情報でしたね。暇つぶしに探してみてください(笑)

■「光BOX+」販売中(2012年7月)

NTT-MEで「光BOX+」を販売しています。

大至急必要事項だけを載せたシンプルなページを作ってくださいとオーダーが。

とにもかくにも!文章は読みやすいように配慮。公式サイトを行き来してもあまり違和感がないよう、色味は公式サイトに合わせてみました。

アピールどころもないのが残念ですが、さりげなく見出しのオレンジのアイコンは、「BOX」を連想させるとともにリモコンの決定ボタンのカタチだったりします。小さなところでの小さな抵抗といいますか、デザインですw

  • デザイン・コーディング期間:約2日(15時間)

■診療所向け電子カルテサービス Future Clinic 21 ワープ 電子カルテ新規導入キャンペーン(2011年04月)

診療所向け電子カルテサービス Future Clinic 21 ワープ 電子カルテ新規導入キャンペーン

前回にひき続き、アイキャッチのビジュアル部分だけを読んでも情報が伝わるよう配慮。

訴求したい情報が多いため少々苦戦しました。タッチペン式で操作も簡単!セキュリティも万全で安心な電子カルテのおトクなキャンペーンですよ!っていうデザインです。

  • デザイン・コーディング期間:約3日

※クリックするとキャプチャ画像が表示されます。

このページのトップへ

■会員様向け特別なご案内ページ(2011年03月)

診療所向け電子カルテサービス Future Clinic 21 ワープ 電子カルテ新規導入キャンペーン

このページはキャンペーンではないため、淡々としたページにしてほしいというオーダー。

とはいいつつも、会員様に「特別なご案内」であることを感じていただく必要はある為、シンプルにまとめつつ、写真や多少のあしらいでアクセントをつけました。

DELLのロゴが丸いので、ドットを意図的に使ってみました。

  • デザイン・コーディング期間:約2日

※クリックするとキャプチャ画像が表示されます。

このページのトップへ

■診療所向け電子カルテサービス Future Clinic 21 ワープ 電子カルテ乗り換えキャンペーン(2010年10月)

診療所向け電子カルテサービス Future Clinic 21 ワープ 電子カルテ乗換えキャンペーン

アイキャッチのビジュアル部分だけを読んでも情報が伝わるよう配慮。

ターゲットが既に電子カルテをご利用中開業医なので、落ち着いたトーンで会社の信頼性や安定性を損ねないよう訴求しました。

  • デザイン・コーディング期間:約2日

※クリックするとキャプチャ画像が表示されます。

このページのトップへ

■診療所向け電子カルテサービス Future Clinic 21 ワープ 新規開業支援キャンペーン(2010年10月)

診療所向け電子カルテサービス Future Clinic 21 ワープ 新規開業支援キャンペーン

アイキャッチのビジュアル部分だけを読んでも情報が伝わるよう配慮。

ターゲットが新規に電子カルテ導入をご検討中の開業医なので、若々しさ、爽やかさを前面に出し、かつ会社の信頼性や安定性を損ねないようビカビカしすぎないよう配慮しつつ訴求しました。

  • デザイン・コーディング期間:約2日

※クリックするとキャプチャ画像が表示されます。

このページのトップへ

■診療所向け電子カルテサービス Future Clinic 21 ワープ 導入事例(2010年06月)

診療所向け電子カルテサービス Future Clinic 21 ワープ 導入事例

実際に導入された開業医の生の声を掲載。

ご提供いただいた病院の情報は見やすく掲載するとともに、PRすべき声を印象的に見えるよう、抜粋して強調させました。

全体的にシンプルにまとめました。

  • デザイン・コーディング期間:約2日

このページのトップへ

■ARS(オート・リフレッシュ・サービス)(2010年7月)

ARS(オート・リフレッシュ・サービス)

自動車修理や洗車、新車・中古車販売の会社のサイト。

メインカラーはブルーで、かつアットホームな感じがいいという少々難しいオーダー。アイコンなどで多少かわいい感じに仕上げてみました。

このページのトップへ

■Webコンサルティング会社のコーポレートサイト
(2008年7月)

webstrategy

派遣会社の課題制作

  • 企業としての信頼感を与えるデザイン。知性的・先進的・洗練されたイメージを訴求。
  • 後に主要コンテンツが増えても対応できるよう拡張性に配慮したディレクトリー構造と画面構成。
  • “Webに強い会社”として信頼を得るべくWeb標準に準拠し、XHTML+CSSベースでスマートな作りとSEOも意識した作りに。
  • 立ち上げ後もクライアント社内で運用更新しやすいようメンテナンス性に配慮。

など、仕様書に基づいて制作。

  • 制作期間:期限2週間:うち約63時間

このページのトップへ

■楽天証券 お客様専用 日経BP社の雑誌購読申込ページ(2008年3月)

楽天証券 お客様専用 日経BP社の雑誌購読申込ページ

楽天証券のお客様向けなので、キャッチコピーをバーンとアピールし、赤をキーカラーに訴求しました。

  • 制作期間:約4時間

このページのトップへ

■ネットマイル会員様専用 日経BP社の雑誌購読申込ページ(2008年1月)

ネットマイル会員様専用 日経BP社の雑誌購読申込ページ

休日のリラックスタイムに日経ビジネスはいかが?というイメージでデザインしました。春を意識した色使いがポイントです。

  • 制作期間:約3日

このページのトップへ

■To Me CARD会員様専用 日経BP社の雑誌購読申込ページ(2008年1月)

ToMeCARD

東京メトロの公式サイトからイメージが離れてしまわないよう、踏襲しつつ日経ビジネス購読PR用にデザインしました。

  • 制作期間:約2日

このページのトップへ

■スーツ屋さんの紹介サイト(2006年9月)

webstrategy

コンペ形式の実践授業にて下記の要望を元に制作しました。

ターゲットユーザー:
30代~50代の男性。
ユーザービリティとデザイン:
デザイン6:使いやすさ4
テーマカラー:
ブルー
トーン:
若干の高級感・シック・シンプル
クライアントの好み:
Flashを使った動きのあるサイト
  • 制作期間:約3週間

このページのトップへ