Sun Mon Tue Wed Thu Fri Sat
 123456
78910111213
14151617181920
21222324252627
28293031   
<< May 2017 >>

















qrcode


web制作や色々創作をしているGrumpBugのStuff blog
GrumpBugでDESIGNとMARKETINGを担当してるMARINAのBLOG



HP、BLOG、MOBILE BLOGのオーダー制作しています

他にもオーダーでweb素材など制作いたします
チラシ、名刺、デジタルアート、手書きアート、名刺、PSP用のシール(1000、2000、3000)、ファビコン、WEBページ素材など。

HPはココをクリックで飛びます
※見積り依頼、ご注文はHP内に設置されているメールフォームで出来ます。

システム担当者のblogはココをクリックで飛びます

詳しく知りたい方はメールでどうぞ。
メールはコチラをクリック→contact@grumpbug.com

※記載されている記事、GrumpBugの制作物に関する画像などの、転載を禁止してます。

スポンサーサイト

一定期間更新がないため広告を表示しています


web拍手 ::: 2011.01.23 Sunday ::: - ::: - :::

ネイルサロンetoile様 HPリニューアル完成
17:14
JUGEMテーマ:HP/BLOG/ART制作

ネイルサロンetoile様 HPリニューアル完成いたしました

以前のetoile様のHP
以前書いたetoile様のHP記事

今まではFC2サーバだったので行い、メールフォームもNINJAだったのですが、
今回は独自ドメインも購入されましたので、
fabicon制作もさせて頂きましたこちらのfabiconはblogもです

そしてメールフォームはオーダーでのメールフォーム制作をさせて頂きました
ギャラリーにあるお写真も一斉変更し、自然な感じに加工
お写真加工の記事はカテゴリー”写真加工”に載せます

デザインの変更は少ししかしていません



そしてfabiconはこんな感じです



メールフォームはこのような感じになりました




カレンダーが開くようになっています
あと、予約表を別窓で開くことなくこのページで見れるので便利です


メールフォームのエラーはfabiconを使用しています


元々HPがあったので、制作するお時間はそこまでかかっていません

web拍手 ::: 2010.03.15 Monday ::: HP制作 ::: comments(0) :::

GRUMP BUG HPリニューアル完成
19:41
JUGEMテーマ:HP/BLOG/ART制作

カナダでの生活も落ち着いてきたので、
私達GRUMP BUGのHPをリニューアルいたしました。

ちなみに私のPCがワイド画面なので、横長になってます。

GRUMP BUGのHPはコチラ

TOP
1

取扱いサービス一覧ページ
2

Grump bug?ページ
3

コンタクトページ
ご注文・お見積り依頼がメールフォームにて行えるページです。
4

メールフォームページ
STEP1ではお問い合わせ内容やお客様情報を入力していただきます。
5

必須項目の入力に誤りがあると、GRUMP BUGのfabiconマークが飛び出します。
6

メールフォーム
STEP2ではご希望の制作物選択、制作物の納期期限、言語選択をしていただきます。
7

STEP3では参考資料として、どのような色合いで、どのようなジャンルなのかご選択いただけます。
8

そして、ファイルも送る事が出来ますので、お伝えするのが困難な場合は、こちらをご利用ください。
もちろんご記入していただかなくても結構なのですが、
どのような物を求めているのかが明確になりますので設置しています。
9

STEP4では入力情報に誤りがないかご確認していただきます。
10

受付完了のページ
受付番号が表示され、ご入力していただいたメールアドレス宛に自動返信メールが届きます。
11

ご利用規約ページ
12

個人情報についてのページ
13

画面右端にある「設定」と言う項目をクリックして頂くと、背景色、言語が選択できます。
※言語はまだ日本語しかございません。

藍鉄色、留紺、青褐
14

蝦色、赤銅色
15

暗緑色、深緑色


GRUMP BUGのHPはコチラ

web拍手 ::: 2010.02.16 Tuesday ::: HP制作 ::: comments(3) :::

ネイルサロンetoile様 リニューアル
19:44
JUGEMテーマ:HP/BLOG/ART制作

本日からネイルサロンetoile様のリニューアル作業開始です
HPサーバーをFC2からgoogleに移動する事になりました
あとネイルの画像も全て取り替える事になり、
めでたい事にHPを作ってから、集客数もかなり増加したとの事なので、
メールフォームもフリーの物ではなく、きちんとした物を制作する事になりました

1年半くらい前に作った物なのですが、
改めて見て、自分で改善が必要だなと感じた部分がかなりあったので、
承諾を得て、変更していきます
1年半でもかなり成長したなぁっとちょっと思いました

メールフォームはお馴染みのwichetです



web拍手 ::: 2010.02.05 Friday ::: HP制作 ::: comments(0) :::

買い物代行買ってくるんくるん様 HP制作工程FINAL
13:00
JUGEMテーマ:HP/BLOG/ART制作

なんだかんだとやっていて、
買ってくるんくるん様のHP制作工程を終わらせていなかったぁぁ
買ってくるんくるん様ほんとにほんとに遅くなってしまってごめんなさい

実は買ってくるんくるん様のHPは9月30日に終わり、
10月01日に無事OPENしたよぉ
あなたに代わって買ってくるんくるん様が買い物代行してくれるから、
忙しくて買い物出来ない方や、東京から離れている方、家から出られない方、
色々な方いると思いますがどんどん利用してみてください



ほんとに買ってくるんくるん様の店長である清水結花さんは信頼できる、
とっても素敵な方で、有名所からコアなお店までたくさん知っています
他にも買い物代行ってあると思うんだけど、
値段がスッゴイ高いでも買ってくるんくるん様は他の買い物代行より全然安い
だからほんとオススメだよ
私も今カナダにいるから日本の物がほしくなったら絶対ここを利用するつもり

ではではHPの制作FINALて事だから、ページ紹介に移りまっせ
自分で作っておいてこー言うのもなんですが
買い物代行のHPの中で1番可愛いフハハハ。
しかも手書き物だから愛着が沸いちゃうよねぇ
しかも制作時間も今までで1番かかってる
メールフォームもオーダーだったから結構時間かかったしね

もし買い物代行した事ある人とか、
現在買い物代行利用してる人なんかはここに乗り換えちゃおー

TOPページ


サイトMAP


利用方法のページ


料金一覧ページ
※ここで簡易見積りできちゃうからね



取扱い商品一覧ページ


注文フォームのページ
※FAXでの注文とPCからの注文を選べるよん


PC用メールフォームのページ
※商品の数の上限がないから、1回のメールフォームでたっくさん頼めちゃう


お問い合わせのページ


ブログ紹介のページ


プロフィールのページ


ご利用規約のページ
※必読※


個人情報についてのページ


特定商品取引表記のページ


画像たくさんだから重かった人ごめんなさい
ぜひぜひ利用してみてね


...marina...


web拍手 ::: 2009.10.25 Sunday ::: HP制作 ::: comments(0) :::

買い物代行買ってくるんくるん様 HP制作工程13
16:42
JUGEMテーマ:HP/BLOG/ART制作

こんにちは
今回は前回の続きの買い物代行買ってくるんくるん様 HP制作工程13です

前回の記事では絵がついてなく、吹き出しも黒で、
TOPの文章もお店の名前があまり目立ってない状態の物でした

あと前回は部分的な絵を載せましたが、
部分的に見るのと全体を通して見るのと違いますよね


残り1/3くらいで全てのページが完成します
その作業が終わったら買ってくるんくるん様にチェックしてもらいます

そしてJavaScriptが無効になっている時に出る画面です
絵本みたいで可愛いです



Grump BugのHPはコチラ

web拍手 ::: 2009.09.16 Wednesday ::: HP制作 ::: - :::

買い物代行買ってくるんくるん様 HP制作工程12
16:23
JUGEMテーマ:HP/BLOG/ART制作


こんにちは
今回は前回の続きの買い物代行買ってくるんくるん様 HP制作工程12です

以前まではこのような外観で制作の予定でしたが、
作業している内に「こんな感じのがいいかな」ってのが出て、
こんな感じになりました

TOPの文章はあまり見て貰えなかったりするので、
Q&A形式にしてなるべく見て貰えるようにしました
買ってくるんくるん様から作業中に「{24時間受付中}とどこかにいれて欲しい
と要望がありましたので、急遽ではありますが、画像を制作し、
TOPに置く形を採用しました

そしてこの時前回言ったサイトマップを作った方がいいとなり、作りました
しかし以前の記事でcssのみで動かしているので軽いと言ったのですが、
IEではダメだったのでIEではJavaScriptで動かすような形を取りました
FireFoxではcssなので軽いです

以前のデザインより全然いいです


TOPも現在は少し変わり買ってくるんくるん様のアイデアで、
吹き出しはカラフルのがいいかなとの事でカラフルに変わりました

そして下部分が足りないと思い、急遽書き足してしまいました
最初はデジタルでやったのですが、画面にしたらちょっと質感が合わなかったので、
手書きで書き足しました
こちらも要望は貰ってませんがやるからにはいい物作りたいじゃないですか

こちらがボツ案のデジタルtownです。


そしてなるべく今のデザインと合うような感じに書きました
こんな感じにグニャッとしたアナログっぽい感じで書きます。
そしてPCにスキャンします

スキャンしたら加工していきます。マジックっぽい感じにします


そしてよりグニャっとするように加工して行きます


この部分だけ見るとボツにしたデジタルのがオシャレでカッコイイですよね
そしてデジタルのが上手く見えます
黒+白+グレーが入るのでそう見えるのですが、
今回の物にはグレーはいらないんです
なので黒+白で制作した方がバランスもデザインも合います

次はまた新たにサーバにUPしたら更新します

Grump BugのHPはコチラ

web拍手 ::: 2009.09.15 Tuesday ::: HP制作 ::: - :::

買い物代行買ってくるんくるん様 HP制作工程11
14:27
JUGEMテーマ:HP/BLOG/ART制作

こんにちは
今回は前回の続きの買い物代行買ってくるんくるん様 HP制作工程11です
前回から間が結構あいてしまいましたが、
さぼっていた訳ではありませんよ

メールフォームの項目が36項目欲しいとの事でしたので、
通常メールフォームではなく、オーダーメールフォーム制作でした
メールフォームだけに5日間くらい日にちを頂きました

カート付ページもそうなのですが、
特にカート付ページには管理画面もつけておりますので、
制作にお時間が少しかかります
※カート付ページには開発期間に2週間〜2ヶ月頂いております

今まではHTMLとCSSとJavaScriptのみでやってましたが、
今回の買ってくるんくるん様ではwichetも使用して制作しました

wichetの情報が少ないのでamazonで買いました
ちなみにこれです

カヴァーがどっか行ってしまいました

サイトマップの制作は依頼されていなかったのですが、
やはり新規の方向けにあった方がいいと思いそちらも制作しちゃいました
しかもサイトマップにはjavaとか使わず、
cssだけで制作したので、とっても軽いです

JavaScriptが無効になっている方に出てしまうページも可愛く仕上げました

外観も最初に打ち合わせしていても、
制作してる時に「こんな感じの方がいいなぁ」みたいなが出てくるので、
予定とは変わってしまいました

しかし最初の物より見やすく、可愛く出来上がっており、
こちらとしても出来上がりがとても楽しみです

現在は40%くらいまで出来上がってきており、
今月19日までには完成予定です
完成したらゼヒゼヒ見てくださいね

Grump BugのHPはコチラ

web拍手 ::: 2009.09.14 Monday ::: HP制作 ::: - :::

クライアント様と打ち合わせ
13:17
JUGEMテーマ:外ごはんHP/BLOG/ART制作

こんにちは
8月21日に買ってくるんくるんオーナー様から、
HPをやりたいと考えている方をご紹介して頂けるとの事で、
お話をしに新宿に行ってきました
まだその方はやると決まった訳ではないのですが、
HPでやりたい事や、考えている事、質問、料金の見積りなどお話しました

ご紹介頂いた方はフラワーギフトのSHOPをお考えでした
なのでもしやる事になった場合はカート付きのHPになります

希望の制作MENUは、
通常のHP、カート付のオンラインSHOP、携帯用オンラインSHOP、
BLOG、携帯用BLOGの制作との事でした
※カート付のオンラインSHOPの制作は開発期間を1ヶ月〜3ヶ月頂きます。
ただ他社より値段安くやっていますよ

値段などはまだ決定ではないので、
もしも決定を頂いたらHP制作工程として載せます

そして打ち合わせ後に買ってくるんくるん様とご飯を食べてきました
行ってきたのは電撃ホルモン酒場と言う所です
メールフォームやモバイル版のお話などもしつつ、
楽しく飲食してきました
値段も比較的安めなのでお財布にも優しいです
店内は夏って感じでした


暑い中七輪でホルモン食べました
私達が行った時は18時だったのもありガラガラでしたが、
20時頃からは満席で賑やかでした


暑い中で熱い物を食べるって言うのも結構いいですよね
仕事の話をしつつ、脱線して色々なお話もできて楽しかったです

Grump BugのHPはコチラ

web拍手 ::: 2009.09.10 Thursday ::: HP制作 ::: - :::

買い物代行買ってくるんくるん様 HP制作工程10
11:15
JUGEMテーマ:HP/BLOG/ART制作

こんにちは
今回は前回の続きの買い物代行買ってくるんくるん様 HP制作工程10です

前回はSAMPLEチェックがOKを頂いたので、
ここからの作業はHTML/cssの作業になります
(HPを形にして行く作業です。)

しかしその前に買ってくるんくるん様はお話した結果、
ドメインJUGEM+への申込みをする事になりましたので、
見積もりメールを制作し、ご自身で作業を行って頂きました
※こちらの登録や契約は持つ方のニーズに合わせてになります

この時買ってくるんくるん様の内容文はSkypeやメールで送って貰いました

そして一度作業が終わったらサーバーにUPします
サーバーにUPしましたらURLと一緒に、
こちらからの変更点や修正点、
注意事項などのメールを送らせて頂きます

そして買ってくるんくるん様の最終チェックになります

Grump BugのHPはコチラ

web拍手 ::: 2009.08.30 Sunday ::: HP制作 ::: - :::

買い物代行買ってくるんくるん様 HP制作工程9
11:05
JUGEMテーマ:HP/BLOG/ART制作

こんにちは
買い物代行買ってくるんくるん様 HP制作工程9です
今回のSAMPLEはFAXページの制作になります

以前のデザインSAMPLEとは違い、
お客様の個人情報の入力になるので「個性や見た目」よりも、
きちんとした内容、しっかりしてる感」が出るよう心がけつつ、
HPのタイトルロゴを入れて、分かりやすくしました

FAXのプリント用の制作なので、
A4かB5で制作します
買ってくるんくるん様の場合はA4制作なので、
サイズの大きさや縦横幅は変更しません

変更できるのは文章や文字サイズになります
しかし文字のサイズを小さくしたり、文章を沢山入れたりすると、
記入しにくい、見にくい、字が多くて読む気が失せる
と言うマイナス点が出てきちゃいます
字数も字の大きさも適度であり、内容もしっかりした物
と言うのを作らなくてはいけません

次はHTML/css段階(HPを形にしていく作業)へ移行になります

Grump BugのHPはコチラ

web拍手 ::: 2009.08.29 Saturday ::: HP制作 ::: - :::
にほんブログ村 海外生活ブログ カナダ情報へ 人気ブログランキングへ アクセスアップ
SEO対策:バンクーバー SEO対策:web SEO対策:制作SEO対策:デザインSEO対策:オーダーメイド