GIFアニメで動くバナーつくりました

2012.02.08 Wednesday Webとか

08
Wed

まずはお知らせから。

新作Tシャツ「Forget-ヰ not」
ワンポイントプリントバージョンをリリースしました。

Forget-ヰ not
http://mawwwww.com/forgetnot-tshirts

全面プリントよりは、さりげなくて着やすいかな?と思います。
ウイスキー好きの皆さん、ウイスキー部の皆さん、
ウイスキー同盟の皆さん、どうぞよろしくお願いいたします!



さて、タイトルの件。

mawwwww.comも、他のサイトにリンクをはってもらえたらいいなぁ、
と思い、リンクバナーというやつをつくってみました。

せっかくなので、ひょこひょこ動かしてみましたよ。


mawwwww.com|design project


パラパラ漫画の要領でつくる、GIFアニメーションというやつですね。


だいぶひさしぶりに作ったので、なにか専用のソフトがあったら
楽だな〜とネットで調べてみたら、便利なところがありました。

バナー工房
バナー工房(http://www.bannerkoubou.com/)

一枚一枚の画像は自分で作成する必要がありますが、
ここに画像をアップロードして、時間の間隔など設定すると、
サクッとGIFアニメファイルを作ってくれます。

ちなみにmawwwww.comのリンクバナーは画像15枚で作りました。



もうちょっと楽なのがこちらのサイト。

Loogix
LooGix.com(http://www.loogix.com/)

画像を1枚アップロードして、お好みの動きを選択するだけで、
きちんとエフェクトをかけてくれます。

mawwwww.comのトップページにある、「NEW」アイコンはこれで作りました。

しかし、ここのサンプル画像のひと、どこかで見たことある・・・
懐かしいなぁ。


ちょいとリンクバナー作るのに、いろいろ調べていたら
いろーんなGIFアニメがみつかりました。
かなり昔からの技術ですが、奥が深く、まだまだ使い道がありますね。

ながめてたら楽しそうなまとめもみつけたので、
よかったら暇つぶしにどうぞ。





で!
mawwwww.comのリンクバナー、貼ってくれる方大募集中です!
連絡とか許可とかいらないので、ばんばんジャカスカ貼っちゃってください。

下記のタグをコピーして、そのまま貼付けると簡単です。


<a href="http://mawwwww.com" target="_blank"><img src="http://mawwwww.com/banner80.gif" width="88" height="31" alt="mawwwww.com|design project" title="mawwwww.com|design project"></a>



よろしくお願いしまっす!^^

| - | trackbacks(0) |

Webサイトがだいぶ見やすくなりました

2012.01.22 Sunday Webとか

22
Sun

mawwwww.comが、ちょっとばかり見やすくなりました。
今日は改良した点をいくつかご紹介します。



トップページ


トップページ
http://mawwwww.com/

まずは、トップページ。

商品画像をくりぬいて、背景を暗くしたので
商品がうきでた感じに見えると思います。
ちょっとばかり視認性がよくなったかな?

また、1画面には35個の商品を一気に表示。
「NEW」の印もメラメラと動くようにして、目立つようにしました。

そして、

ページメニュー

画面右上をご覧いただくと、商品紹介ページとは別に、
固定のページメニューがあります。

ここに、「HOW TO ORDER」「LINK」「SITEMAP」
追加しました。
このページの解説はのちほど。




SEARCHページ


searchページ
http://mawwwww.com/search

まうーの商品をさがすのに便利な、SEARCHページ。
デザインテーマごとにさがせる「ブランドからさがす」
デザインから商品をさがせる「デザインからさがす」
Tシャツなのか、パーカーなのか、などを選択して商品をさがせる
「商品カテゴリーからさがす」
様々な共通事項から商品をさがせる「商品タグからさがす」
などがありますが、、、

商品タグ

この「商品タグ」に、サイズ別(メンズ、レディース、キッズなど)と
テイスト別(カジュアル、クール、ガーリーなど)を取り入れました。
また、バックプリントがありのものだけを表示、などが可能です。




HOW TO ORDERページ


HOW TO ORDER
http://mawwwww.com/how_to_order

新設した「HOW TO ORDER」ページは、その名の通り
商品を購入される際に気になる、
「支払い方法」や「送料」「何日くらいで着くのか?」などの
情報をこちらにまとめました。

利用できるクレジットカードの種類や、お得に利用するコツなんかも
掲載していますので、ぜひ、ご購入の前にご確認いただくことを
おすすめします。




SITEMAPページ


SITEMAP
http://mawwwww.com/sitemap-mawww

追加したページ2つめ、
サイト全体の見取り図、SITEMAPページです。
固定のページと、商品のカテゴリーが一覧できます。
ざっくり、とサイト全体を把握するのにちょうど良いです。

ちなみに画面にうつってるので、ついでにお知らせですが、
このたびTシャツの生地が3種類にふえました!



今までリリースしていたのは、真ん中の5.6オンスTシャツです。
より厚い生地の6.2オンスT、シルエットがキレイな5.0オンスT
これから増やしていくので、ぜひチェックしてみてください!




LINKページ


LINK
http://mawwwww.com/link

追加したページ3つめ、LINKページです。
これはとりあえず作ったので、まだまだかなぁ。。。


では、商品ページの解説にもどります。




商品カテゴリーのページ


商品カテゴリー解説

商品のカテゴリーを選択すると、カテゴリー名と
そのカテゴリーに属する商品が抽出されて表示されます。
(画面は「生活雑貨」→「トラベラーズマグ」を選択した場合)
http://mawwwww.com/life/travelmugs

このカテゴリーページ、以前はタイトルだけの表示で、
すこしぶっきらぼうな感じだったので、
タイトルの下に1行、説明文をいれました。

商品のポイントなんかにもふれています。
これでこのサイトもすこーし親切になったかな???




商品ごとのページ


商品個別ページ
http://mawwwww.com/another-dictionary-white

商品写真をクリックすると、その商品の詳細についての
ページが出てきますが、こちらも少し改良しました。


お気に入り

商品の情報をつらつらと見て行くと、下の方に
「読者のお気に入り」が表示されるよう、機能を追加しました。

他の人はどの商品が気になってるのよ?
という情報がここで手に入ります。

ただ、これまだ始めたばっかりなので統計がとれず
どれが人気なのかわからないので、今の段階ではランダムに
商品を表示してるみたいです。
すいません!そ、そのうち、大丈夫になりますから!


戻るボタン

あとは細かいところですが、
各ページ下部に、「ホームへ戻る」ボタンを設置しました。
ページの先頭へ戻るボタンは常に右側に表示されてるんですけど、
一気にトップページへ戻りたいときも多々ありますよね。

ちょっとは使いやすくなってるといいんですが。


改良点のご紹介は以上です。

そろそろこのブログも、「ちょっくら急いで作っちゃいました感」を
なくして(実際急いでつくったので。。。)
サイドバーなんかつけたりして、過去記事見やすくしたりして、
改良していきたいと思います。


Webサイトいじりはキリがないですね。
ヒーハー!

| - | trackbacks(0) |

let it snow !! まうークリスマス仕様

2011.12.18 Sunday Webとか

18
Sun

寒いですね〜。


いま、Google「let it snow」と入力して検索すると、
画面上に雪が降ってくるの、知ってました?
どんどん降ってきて、寒くなって、しまいにゃ画面がくもります。

粋ですねー、Google。
遊び心っていうね、こういうところ。
いいですねー。


というわけで、
mawww(まうー)公式サイトも便乗して、サイトに雪ふらせてみました!
ごめんね!中の人がいたずらっ子なもんでね!


公式サイトhttp://mawwwww.com/を開くと雪がちらほらと・・・



無差別に雪ふらしてみました。
降り積もっていきますが、画面がくもらない程度にしておきました。
クリスマスくらいまでは降らせておこうかな〜。


ところで奥さん、twitterのまうーページも、一応クリスマス仕様になってるんですよ。


https://twitter.com/#!/mawwwwwwww

なーんとなく、なーんとなくクリスマス。

twitterの方もよろしくお願いしますねー。




さて、


肝心のクリスマスですが、
プレゼントにTシャツなんてどーでしょう?(むりやり宣伝)

T-SHIRTS TRINITYでは、+100円で、ギフト包装もやってまーす。

こんな感じですね。





けっこうちゃんとしたモノですよん。


今注文すれば、出荷が3〜7営業日なので、ぎりぎりクリスマスに
間に合うかな〜くらいのスケジュール。


間に合わなかったら、「お年玉!」って言い張りゃいいじゃーん!
もう細かいこといいじゃーん!
Tシャツって、冬でも着るじゃーん!(ジムとかレッスンとか)


はい、そろそろ苦しくなってきました。


ではみなさん、よいクリスマスを!(^^)/

| - | trackbacks(0) |



Categories


このページの記事


ここ最近の記事


Archives


OFFICIAL SITE

mawwwww(まうー)公式サイトです。すべての商品、情報はこちらにまとめられていますのでぜひお気に入り/ブックマークにいれてチェックしていただけるとありがたいです!
 

mawwwww.com | design project

ONLINE SHOP

mawwwww(まうー)の商品は、下記のサイトが製造・販売・発送・決済を行っております。ご注文は下記のサイトにてお願いいたします。
 

T-SHIRTS TRINITY
Tシャツ全般はまうーT-SHIRTS TRINITYショップからどうぞ!
Hoimi
お手頃価格の両面プリントTシャツ、チャリティーTシャツ、iPhoneケース等はまうーHoimiショップからどうぞ! for overseas friends. English Site
SUZURI
フルグラフィックTシャツ、カラートートバッグ等はまうーSUZURIショップからどうぞ!

Follow on Twitter

Twitter
@mawwwwwwww

まうーの様々なお知らせに加え、
顔文字つきの時報もやってます。


mawwwwwの T-SHIRTS