Web|WAKAMADE

フリー案件

◆鳥栖駅構内タクシー(2010年)
コーディング
◆天神サイトStaffBaton(2009年)
コーディング
URL:tenjinsite.jp/fashion/staff-baton/
◆某学校同窓会(2009年)
コーディング
◆某住宅リフォーム会社(2007年)
サイト構成・デザイン・コーディング
◆某住宅設備会社(2007年)
コーディング
◆某有料老人ホーム(2007年)
コーディング
◆某医療福祉専門学校(2007年)
中ページデザイン・コーディング・Flash作成
◆某医療福祉専門学校(2007年)
中ページデザイン・コーディング・Flash作成
◆某観光案内(2007年)
コーディング
◆某ゴルフ場(2007年)
中ページデザイン・コーディング

2007年〜2010年

◆某放送局web担当
サイト構成・デザイン・コーディング 等
サイトイメージ:WAKAMADE-OLD
WAKAMADE-OLD
URL:waka.sadist.jp/old-port/
デジハリ在学中に作ったポートフォリオ。デジハリで作った課題作品が主な内容。このテレビ君はお気に入り。テレビみたいに色んなものが出てくるよってことで。
【PCサイト】
  • サイト構成
  • デザイン
  • コーディング
サイトイメージ:SisterJill
悪の秘密結社SisterJill
URL:waka.sadist.jp/sisterjill/
デジハリ卒業制作作品。
下記内容がやりたくて内容をこじつけて作ったコミュニティサイト。
  1. 1)フォームに入力してもらった単語を別のページにすぐに反映させる事
  2. 2)HTMLとCSSでどこまで自由なレイアウトができるか
  3. 3)授業で学習したFLASH・JavaScript・PHP等をちょっとでもいいから使用する
【PCサイト】
  • サイト構成
  • デザイン
  • コーディング
  • Flash作成
サイトイメージ:WatchwithMe〜卒業写真〜プレサイト
映画 Watch with Me 〜卒業写真〜 プレサイト
デジハリ在学中のOJT作品。
映画 Watch with Me 〜卒業写真〜を支援する会がクライアント。けして、映画の公式サイトではない。WAKAMADE-OLDにも入っているけど、埋もれさせておくのはおしいかな〜と。ノスタルジックな雰囲気で作った。
本サイトも作ったけど、コーディング希望だったにも関わらず、途中からデザイナーが抜けたため急遽デザイン担当になった(笑)
【PCサイト】
  • サイト構成
  • デザイン
  • コーディング
  • Flash作成
サイトイメージ:ホワイトリリィブログ
ホワイトリリィブログ
新会社に移って、一番最初に世の中に出たサイト。しかもアメブロのカスタマイズを初めてやったけど、意地悪さを痛感したよ。珍しくたくさん時間をかけて作れたサイト。
【PCサイト作成】
  • ディレクター業務
  • サイト構成
  • デザイン
  • ロゴデザイン
  • コーディング
  • アメブロカスタマイズ
サイトイメージ:古川徳幸と愉快な仲間たち
古川徳幸と愉快な仲間たち
公営競技応援サイト。全部1人ですることができず、外注さんにWordPressに載っけたりとかはしてもらっちゃった。でも、ちょっとしたカスタマイズはやったよ。これも2ヶ月くらい?時間をかけて作れたサイト。なぜ時間をかけれたかというと、素材とかが全くない状態がずーっと続き、完成しても公開までずーっと時間かかったから。
【PCサイト作成】
  • ディレクター業務
  • サイト構成
  • デザイン
  • ロゴデザイン
  • コーディング
  • バナー作成
  • WordPressカスタマイズ(若干)
  • サイト管理
  • 仕様書作成
サイトイメージ:Roll,Roll,Rock2010
Roll,Roll,Rock2010
ライブイベント紹介サイト。わけわからんくらいロゴとかフライヤーデザインが変わりまくってるので、その度にサイト作り替え。第一弾はロゴがでっかく載って、告知だけ。第二弾は仮のフライヤーをそのままサイトにしたもの。そんで今が第三弾。近々会場販売紹介ページを追加予定。制作期間は1日。っていうか、依頼があって数時間後にはアップしてる。
【PCサイト作成】
  • ディレクター業務
  • サイト構成
  • デザイン
  • コーディング
  • バナー作成
サイトイメージ:ROCKA DIVE NITE vol.3
ROCKA DIVE NITE vol.3
THE MODSのライブ告知。担当者からチケット画像.jpgとここに載ってる情報の一部だけ送られてきて『チケットのイメージでサイト作ってください』って言われた。あまりにも依頼の仕方に難ありだったので、改善をお願いした。最近ちょっとはマシ。これも依頼があってから1日かからず作ったかな。
グッズ掲載依頼が追加できた時、いきなしそれまで話題にあがらなかった携帯サイトを要求されてどビックリした。ECソフトの機能で作成できたんで良かったけど。心臓に悪い。
【PCサイト・携帯サイト作成】
  • サイト構成
  • デザイン
  • コーディング
  • バナー作成
サイトイメージ:RYO the SKYWALKER -DANCEHALL REGGAE ARTIST TOYS-フォトギャラリー
RYO the SKYWALKER -DANCEHALL REGGAE ARTIST TOYS-フォトギャラリー
ショップページでは記載写真数に制限があるため、せっかくだからもっとフィギュアの写真を見せたいと担当者からの依頼で作ったページ。レゲエっていったらラスタカラーでしょ!ってことで、とっても派手なデザインになった(笑)レーニャでも使っているSexyLightboxが大好評。これも数時間で作った。
【PCサイト作成】
  • サイト構成
  • デザイン
  • コーディング
  • Flashバナー作成
サイトイメージ:蒼天航路『曹操』フォトギャラリー
蒼天航路『曹操』フォトギャラリー
RYO the SKYWALKERフォトギャラリーをいたく気に入ってくれた担当者から、これも同じ様に作ってと言われ制作。これはRTSがあったから制作時間は1〜2時間くらい?フィギュア写真の切り抜きが大変。
【PCサイト作成】
  • サイト構成
  • デザイン
  • コーディング
  • バナー作成
サイトイメージ:ムサフェスフィギュア紹介
ムサフェスフィギュア紹介
これはいきなりムサフェスの企画書とフィギュア写真、フライヤー画像とかが送られてきて『ページお願いします』って。んで、何を宣伝したいのかとか、キャッチコピーとか全然指示なかったんで、サイト構成に時間がかかった。でも作ったサイトみて担当者から『カッコいい』って、お世辞かもしれないけど褒められたのが嬉しかった。
【PCサイト作成】
  • サイト構成
  • デザイン
  • コーディング
  • バナー作成
サイトイメージ:crowsdiveトップ
crowsdiveメイントップ
現在の会社が運営している3つのショップサイト共通トップページをプチリニューアル。真ん中のdivetoys部分を変更。それと、ソースを書き直した。
このサイトについては、この後さらにリニューアルを行なった。
【PCサイト作成】
  • デザイン
  • コーディング
サイトイメージ:2010DS CUPトップ
2010DS CUP第11回熊本アルティメット大会
フライングディスクの大会概要サイト。(あってますよね?)ドッジビーとかディスクゴルフとかのお仲間。気に入って頂けたようで、ヘッダー画像は横断幕とか参加賞のディスクに使われるらしい。嬉しいっす。
【PCサイト作成】
  • デザイン
  • コーディング
サイトイメージ:GANGKINGフィギュア紹介
GANGKINGフィギュア紹介
前日に制作を依頼されて、制作当日にいくつかの画像素材だけある状態でデザインを開始。同時進行でコーディングもやりつつ、文章素材が来たらサイト構成を考えつつデザイン・コーディングに反映させるという、ホントはやっちゃいけないようなサイトの作り方をした。結局、情報解禁の話が変わってしまい、公開は2日後になってしまったという・・・。迷惑を被ったのは、当日の歯医者予約を変更しなきゃいけなかったこと。
あと、久しぶりにprototypeのライブラリ使った。
【PCサイト作成】
  • サイト構成
  • デザイン
  • コーディング
  • バナー作成
サイトイメージ:石川五右衛門特設サイト
石川五右衛門特設サイト
比較的ゆっくり制作できたサイト。担当者から『こんなイメージで』という手描きがFAXされてきて、それに合わせつつどうやってリンクを織り交ぜるかにちょっと悩んだ。
一般の方はリンク飛ばす事をあまり考えてないもんなんですよね。やっぱし。
【PCサイト作成】
  • サイト構成
  • デザイン
  • コーディング
  • バナー作成
サイトイメージ:ダイブイベント情報
ダイブイベント情報
携帯URL:event.divetoys.net/
これまでイベントについてはショップサイトに販売物を掲載する時以外は告知がされていなかったので、集客の目的もありちゃんとしたサイトを制作した。
情報の蓄積ということで、CMSを使うことにした。制作期間が約7日間しか無かったので、なるべく簡単にカスタマイズできることと、記事部分に自由にhtmlが入れられることを考慮して『baserCMS』を使用。
【PCサイト・携帯サイト作成】
  • サイト構成
  • デザイン
  • コーディング
  • baserCMS組込み
  • バナー作成
サイトイメージ:ワンフェス2011冬
ワンダフェスティバル2011冬
ワンフェス用特設サイト。今までのイメージと違って、明るいイイ感じでできたと思う。
商品紹介が、どんな風にいくつ商品がくるかが把握しにくかったので、商品追加のたびにビミョーにレイアウトが変わってしまった。
我ながら、くじのガラポンイラストが非常にいい出来だと思っている(笑)
【PCサイト作成】
  • サイト構成
  • デザイン
  • コーディング
  • バナー作成
サイトイメージ:峰不二子特設サイト
峰不二子特設サイト
ルパン三世「峰不二子」フィギュア紹介サイト。ふ〜じこちゃ〜ん♥ならではの、大人の色気&ミステリアスな感じを表現してる(つもり)。
同一サーバーの他サイトでは使用できているiepngfixが、このサイトだけ使えず急遽ie7.jsを使用。原因不明。
【PCサイト作成】
  • サイト構成
  • デザイン
  • コーディング
  • バナー作成
サイトイメージ:日本お土産駅伝応援プロジェクト
日本お土産駅伝応援プロジェクト
CBCの番組「ノブナガ」内「日本お土産駅伝」というコーナーとコラボして製作されたフィギュアの紹介。番組宣伝も兼ねてるんで、制作チェックがちゃんと入った。ありがたいことですわ。
情報量が少ないんで、どうやってフィギュア公開までの期待感をあおるか考えて、背景を巨大フィギュアシルエットにしてみた。
【PCサイト作成】
  • サイト構成
  • デザイン
  • コーディング
  • バナー作成
サイトイメージ:crowsdive
crowsdiveリニューアル
ダイブのショップサイトポータル。2010年にプチリニューアルしてたのを本格的にリニューアル。
【PCサイト作成】
  • サイト構成
  • デザイン
  • コーディング
サイトイメージ:ダイブ会社案内
ダイブ会社案内
会社案内のサイト。これもbaserCMSで構築。会社案内パンフや営業の方から頂いた資料をもとに制作。これを制作できて良かったと思う。
【PCサイト・携帯サイト作成】
  • サイト構成
  • デザイン
  • コーディング
  • baserCMS組み込み
サイトイメージ:ダイブギフト
ダイブギフト
プチギフト専門のショップサイト。
当初はカラーミーショップで、PC・携帯とも全部1人でカスタマイズした。携帯も色々調べて写真表示できるようにした。
その後、静的htmlに変更。PC、携帯はカラーミーを元にhtmlを急ぎで組んだので、ちょっとファイル管理がイマイチな箇所アリ。スマホはjQueryMobileを使用。
【PCサイト・携帯サイト・スマホサイト作成】
  • デザイン
  • コーディング
  • カラーミーショップカスタマイズ
サイトイメージ:悪ガキフェスタ商品紹介
悪ガキフェスタ商品紹介
いつものようにいきなり依頼がきて制作。商品内容追加や写真の追加とかが、どんな形でいつくるかわからないので、なるべく柔軟に対応できるよう制作。
【PCサイト】
  • サイト構成
  • デザイン
  • コーディング
サイトイメージ:DOKURONOKO
DOKURONOKO
会社が売り出してるオリジナルキャラの紹介サイト。
キャラが色々な物に変身するというコンセプトなので、色んなパターンのキャラをこれでもかってくらい使用。ターゲット層が20代女性ということもあり、可愛らしいサイトにした。
お気に入りの箇所は、ロゴの背景がサイト表示後だけスライドショーになっているとこ。
携帯サイトは久しぶりに全部自分で構築。
【PCサイト・携帯サイト作成】
  • サイト構成
  • デザイン
  • コーディング
サイトイメージ:DOKUCOMIC
DOKUCOMIC
DOKURONOKOのマンガや、関わっているスタッフのブログ。Whitelily製作日記の時と違い、アメブロのカスタマイズできる箇所が限られてしまったため、あまり複雑なデザインにはしていない。
【アメブロカスタマイズ】
  • デザイン
  • コーディング
  • アメブロカスタマイズ
サイトイメージ:没ショップ
ボツショップ
EC CUBEを使ったショップサイト。基本のデザイン、コーディングをやった後、外注さんに渡してEC CUBEを組み込んでもらい、細かいカスタマイズを手分けしてやった。かなり無理なカスタマイズが多くて外注さんにご迷惑おかけしました・・・。いやーメンドくさい。多分二度としない(笑)
アホみたいに手間ひま掛けて制作したのに、結局これは日の目を見る事がないサイトになってしまった・・・ort
【PCサイト・携帯サイト作成】
  • ディレクター業務
  • サイト企画/構成
  • デザイン
  • コーディング
  • EC CUBEカスタマイズ
  • 商品登録表、ブログテンプレ作成
サイトイメージ:ワンフェス2011夏
ワンフェス2011夏
冬に引き続き、夏。根本的に冬の色違いなのでそんなに時間かからず制作。ただ、ブロック会場図は、今回新たに図面トレースして作成。
【PCサイト作成】
  • サイト構成
  • デザイン
  • コーディング
サイトイメージ:ブラッディバニー
ブラッディバニー
ブラッディバニー紹介サイト。グッズページで紹介しているTシャツのデザインもさせてもらった。
こういうサイト作るの大好きだー。
【PCサイト作成】
  • サイト構成
  • デザイン
  • コーディング
サイトイメージ:ROCKA★DIVE NITE2011
ROCKA★DIVE NITE2011
これも基本デザインは一緒で、毎年色を変えて制作。なぜなら、取扱いグッズだけ毎年変更されるけど、ギリギリまでどんな商品がいくつ掲載されるかわからないので凝った事はできないから。
【PCサイト作成】
  • サイト構成
  • デザイン
  • コーディング
サイトイメージ:Roll,Roll,ROCK!2011
Roll,Roll,ROCK!2011
このデザインは好きだ。結構いい感じにまとまってると、自分で勝手に思ってる。この辺りからhtml5で制作し始めたのかな?
【PCサイト作成】
  • サイト構成
  • デザイン
  • コーディング
サイトイメージ:FBG-DX 坊屋春道 九州ver.
FBG-DX 坊屋春道 九州ver.
いかにフィギュアをカッコ良く、インパクト有りで見せられるかってのが商品紹介サイトを作る上で重要視してたんだけど、説明文や写真素材が以外と少なかったり、制作期間が短いので結構苦労するとですよ。そんな中でも、いい感じかな、と。
【PCサイト作成】
  • サイト構成
  • デザイン
  • コーディング
サイトイメージ:世界名作劇場フランダースの犬vignette
世界名作劇場フランダースの犬vignette
「フランダースの犬」の感動的場面を再現したフィギュアの紹介サイト。「雪の中で静かに」というイメージが強くて、いつもと違って上品な感じにしたつもり。チラシやフィギュアの外箱デザインもやらせてもらった。
【PCサイト作成】
  • サイト構成
  • デザイン
  • コーディング
サイトイメージ:divetoysルパン三世フィギュアコレクション
divetoysルパン三世フィギュアコレクション
ルパン商品の紹介サイト。商品写真をふんだんに使って、商品情報もできるだけ掲載出来るように制作。ページ内リンクの動きは、ルパンがよく走りながら「ぴよ〜〜〜ん」って屋根と屋根の間を飛ぶ感じをイメージして設定した。
【PCサイト作成】
  • サイト構成
  • デザイン
  • コーディング
サイトイメージ:divetoys
divetoysショップリニューアル
入社当時からの目標だったショップサイトリニューアルをようやく行なった。クローズ×WORSTショップが黒メインなので違いをわかりやすく、また色々な商品があって楽しいイメージを出す為に明るいオレンジで制作。
ショップサーブをカスタマイズ。
【PCサイト・携帯サイト・スマホサイト作成】
  • サイト構成
  • デザイン
  • コーディング
  • ショップサーブカスタマイズ
  • バナー作成
サイトイメージ:クローズ×WORST
クローズ×WORSTショップリニューアル
入社当時からの目標だったショップサイトリニューアル第2弾。これは黒をメインに、いかにスッキリと見やすくするかを一番に考えて制作。
ショップサーブをカスタマイズ。
【PCサイト作成】
  • サイト構成
  • デザイン
  • コーディング
  • ショップサーブカスタマイズ
サイトイメージ:ROCKA★DIVE NITE2012
ROCKA★DIVE NITE2012
グッズ紹介部分を作成する前にこの業務が手を離れたので、今現在(2013年)はイメージ画像とは違った構成になってる。サイトアップ時は、珍しくアーティスト情報やゲスト情報が、がっつり目立つように掲載されていた。
【PCサイト作成】
  • サイト構成
  • デザイン
  • コーディング