横浜のホームページ制作スタジオFIXの社長ブログ » Webデザイン

楽天ネットショップ作成「Wファイバーラッシュマスカラ」

Kaoru_M — Wed, 01 Sep 2010 02:35:11 +0000

楽天ネットショップ作成を担当させていただいている
黄土倶楽部楽天ショップの大ヒット商品、
まつげ美容液BBアイラッシュに待望の新シリーズ
Wファイバーラッシュマスカラが登場しました。

楽天ネットショップのページ作成は、
やっぱりこれくらいドカーーンとやらないとダメですね。
うん。

マスカラといえばずっと、ゲランorHRをリピートしてきましたが、
何を使ってもやっぱりストレスを感じていました。
でもこのWファイバーラッシュに出会って初めて
マスカラのストレスから解放されたって感じ!! （・∀・）

目をしばたいてもパンダ目にならないので
私のように長い時間目を酷使する女性に嬉しいマスカラです。
しかもお湯だけで簡単にオフできちゃうんです。
マスカラのストレスから解放されたい方はぜひご参照ください。(^-^)ノ

[PR] 横浜のホームページ制作会社スタジオFIXは、成功するネットショップ作成をご提供いたします。

Tweet This Post

楽天ネットショップ作成「パーフェクトBBクリーム」

Kaoru_M — Fri, 20 Aug 2010 14:43:49 +0000

当社がネットショップ作成を担当させていただいている
黄土倶楽部楽天ショップの大ヒット商品
「パーフェクトBBクリーム」が新しくなりました。

パーフェクトBBクリームは、藤原紀香ちゃんやIKKOさんなど、
多くの芸能人が溺愛するクリームファンデーションです。

楽天ランキング122週連続1位を獲得した
伝説のパーフェクトBBクリームがさらに進化しました。
化粧品というより、もはやスキンケア！
大人気アイテムをぜひご参照ください。(^-^)ノ

[PR] Web制作会社スタジオFIXは、成功するネットショップ作成をご提供いたします。(東京/神奈川/横浜）

Tweet This Post

工事看板、安全用品通販のネットショップ作成

Kaoru_M — Mon, 09 Aug 2010 09:29:14 +0000

当社がネットショップ作成を担当させていただいてた
工事看板、安全用品通販のトモエモンがオープンしました。
工事用安全機材、工事用品、安全標識、カーブミラー、駐車禁止サインスタンドなど
幅広い品揃えを誇る工事看板・安全用品のネットショップです。

平日14時までのご注文は当日出荷してくれまーす。
お急ぎの方に嬉しいサービスですね。(^-^)ノ

[PR] Web制作会社スタジオFIXは、成功するネットショップ作成をご提供いたします。(東京/神奈川/横浜）

Tweet This Post

ネットショップ作成「妻、彼女への人気プレゼント通販 GiftBox.jp」

Kaoru_M — Sun, 01 Aug 2010 13:59:53 +0000

当社が運営する
妻、彼女への人気プレゼント通販【GiftBox.jp】がオープンしました。
ギフトボックス.jpは、妻・彼女に人気のプレゼントを売れ筋ランキング形式でご紹介するネットショップです。

・何を贈れば女性に喜んでもらえるのか、わからない…
・女性視点の「可愛い」が、さっぱりわからない…
・悩んでいるうちに面倒になってくる…
・予算は少ないけど、立派に見えるプレゼントが欲しい…

女性に聞かれたらドン引きされそうですが（笑）、
正直なところ、多くの男性が女性へのプレゼント選びの際に
このような感想をお持ちになるようです。

妻、彼女への人気プレゼント通販【GiftBox.jp】は、
・女性のタイプで選ぶ → 小悪魔ちゃんに贈るならコレ！
・予算で選ぶ → 1万円以下のプレゼントはコレ！
・誕生石で選ぶ → 迷った時はとにかく誕生石！
のような切り口で、男性のプレゼント選びをお手伝いするネットショップです。

妻、彼女、気になる女性へのプレゼントをお探しの方はぜひご参照ください。

[PR] Web制作会社スタジオFIXは、成功するネットショップ作成をご提供いたします。(東京/神奈川/横浜）

Tweet This Post

楽天ネットショップ作成「スカルプ＆ヘアエッセンス」

Kaoru_M — Fri, 04 Jun 2010 14:27:16 +0000

当社がネットショップ作成を担当させていただいている
黄土倶楽部楽天ショップの新商品
「スカルプ＆ヘアエッセンス」ページです。

我が家の娘（2歳児）の強烈な寝癖も、
あっというまにサラサラにしてしまう、魔法のようなヘアエッセンス。
子供にも安心して使えるのが嬉しいです。

発売と同時に、おかげさまで楽天ランキングで連続1位爆走中です。
髪の毛にお悩みの方はぜひご参照ください。(^-^)ノ

[PR] Web制作会社スタジオFIXは、成功するネットショップ作成をご提供いたします。(東京/神奈川/横浜）

Tweet This Post

ネットショップ作成「天然石ビーズ・アクセサリー通販の4976堂」

Kaoru_M — Wed, 31 Mar 2010 15:06:54 +0000

当社がネットショップ作成を担当させていただいてた
天然石ビーズ・アクセサリー通販の4976堂がオープンしました。

4976堂は、500種類以上の豊富な天然石ビーズ＆アクセサリーを取り揃え、
Web上でオーダーメイドブレスレットを注文できる機能や、
自分がデザインした作品で応募できる「デザイン大賞」など
天然石ファンならずとも、楽しめるコンテンツが盛りだくさんのネットショップです。

2010年6月には、JR・京王井の頭線「吉祥寺駅」北口徒歩5分に
店舗もオープンしました。4976堂店舗紹介

私がデザインを担当させていただいた
ロゴがひときわ目を引く素敵な店舗です。
お近くの方は、ぜひお立ち寄りくださいね。(^-^)ノ

[PR] Web制作会社スタジオFIXは、成功するネットショップ作成をご提供いたします。(東京/神奈川/横浜）

Tweet This Post

横浜のホームページ制作スタジオFIXの社長ブログ、WordPressテーマを変更しました

Kaoru_M — Wed, 03 Feb 2010 15:05:06 +0000

ビックリしちゃいましたか？　(^-^)
横浜のホームページ制作スタジオFIXの社長ブログ、
新しいWordPressテーマにお着替えしました〜。

シンプルなWordPressテーマを作りたかったのですが、
こう色々貼り付けてると…ちっともシンプルには見えないですね。(´･ω･)　

きちんとデータを整理したら、また無料WordPressテーマとして
このデザインも配布する予定ですので、お楽しみに〜!

Tweet This Post

所要時間10分、Photoshopで作る飛び出たド派手文字

Kaoru_M — Fri, 29 Jan 2010 03:19:15 +0000

このような飛び出た文字をIllustratorで作る場合、
「FILTERiT」というプラグインを使えば30秒で出来ちゃうんですが、
このために2万円以上もするプラグインを購入するのはもったいない。

そこで、Photoshopを使って所要時間10分で作る
飛び出たド派手文字チュートリアルです。
ネットショップのバナー作成などに重宝する小技ですYO!（・∀・）

Photoshopで縦500×縦500ピクセルの新規ファイルを作成します。

描画色を黒にして「ポイント10倍キャンペーン」と
テキストレイヤーを作成するのですが、この時
・ポイント
・10
・倍キャンペーン
は、それぞれ別のレイヤーにします。

サンプルではメリハリ感を出すために、
「10」の書体を変えフォントサイズを大きくしています。
この時のポイントは、ウェイトの太い書体を使うこと。

ここでは、「ポイント」「倍キャンペーン」に新ゴU（35pt）、
「10」に小塚ゴシックH（80pt）を使用しています。

レイヤーパレットで「ポイント」レイヤーを選択して
レイヤー効果＞グラデーションオーバーレイ…をクリックします。

上図のようにグラデーションを設定します。
描画モード：通常
不透明度：100％
グラデーション：#edd002〜#fffe7e
スタイル：線形
角度：90度

次に境界線を上図のように設定します。
サイズ：4px
位置：外側
描画モード：通常
不透明度：100％
塗りつぶしタイプ：カラー
カラー：#e60013

「ポイント」という文字がこうなります。

「10」、「倍キャンペーン」レイヤーも同様のレイヤースタイルを適用します。
これだけで十分な気がしてきましたが、もう一手間加えます。

この3つのレイヤーをグループ化して複製し、
元の「グループ1 のコピー」を不可視にします。
（目玉マークをクリックすると不可視になります）

「グループ1」を選択してグループを結合します。
レイヤーサムネールの上で
Macなら「Commond」、Windowsなら「Ctrl」を押したままクリックして
「グループ1」の選択範囲を選択します。

選択範囲＞選択範囲を変更＞拡張…＞拡張量を「6px」にします。

文字の周りに点線が表示されています。
選択範囲が文字より一回り大きくなりました。

「グループ1」の上に新規レイヤー「レイヤー1」を作成し、
描画色「黒」で塗り潰します。
「グループ1」レイヤーは不可視にしておきましょう。

ここで「グループ 1 のコピー」を可視化してから、
黒く塗りつぶした「レイヤー1」を上に5pxずらします。
なんとなく飛び出た感が出てきました！（・∀・）

黒く塗りつぶした「レイヤー1」を選択して
編集＞変形＞ゆがみ効果で
右上と左上のポイントをそれぞれ内側にドラッグして
台形っぽく変形させます。
ますます飛び出た感が増してきました！（・∀・）

最後に光をブラシで描き足せば、
とたんにネットショップのバナーらしくなりました！（・∀・）

グラデーションや、線の色、影の色を変えると
色々なバリエーションの飛び出た文字が作成できます。

Photoshopでも所用時間10分程度で、
こんなに簡単に飛び出た文字が作成できちゃうので、
ネットショップのバナー作成などに、ぜひお試しくださーい！(^-^)ノ

まぁ…私くらいになるとやっぱり面倒くさいので、
迷わず「FILTERiT」を使いますけどね！（笑）

Tweet This Post

WordPress無料テーマ配布第2弾

Kaoru_M — Thu, 17 Dec 2009 12:47:46 +0000

WordPress無料テーマ配布第2弾です。(^-^)
第1弾はこちら：WordPress無料テーマ配布

この WordPressテーマは、以下から無料でダウンロードいただけます。
無料WordPressテーマ「StudioFix_Type002」ダウンロード (230KB)

【WordPressテーマのご利用方法】
1. ダウンロードしたファイルを解凍してください
2. wp-content/themes の中にフォルダごとコピーしてください
3. WordPressへログインしてください
4. 外観→テーマの中に「StudioFix_Type002」という
　　テーマが表示されるので「使用する」をクリックしてください。

●プラグインについて
この無料WordPressテーマでは、ブログタイトルが表示される部分に
IE6でも透過PNGに対応できる JavaScriptライブラリ (無料) を使っています。

1. IE PNG Fix へアクセスして「iepngfix.zip」をダウンロードします。
2. ダウンロードしたファイルを解凍します。
3. 「iepngfix」フォルダを、wp-content/themes/StudioFix_Type002 へアップロードします。

「iepngfix」をサーバにアップロードしたら、
テーマフォルダ「StudioFix_Type002」の中にある
スタイルシート「style.css」の25行目
behavior:url(iepngfix/iepngfix.htc);
の赤文字部分を、「iepngfix」をアップロードしたURLに書き換えます。
（例） behavior:url(http://www.studio-fix.com/iepngfix/iepngfix.htc);

最後に 25行目を書き換えた「style.css」を
wp-content/themes /StudioFix_Type002
にアップロードすれば、完了です。

この WordPressテーマは、最新のエントリーにPRバナーが掲載されます。
当社 Studio FIX Inc.のクレジットは消さないでご利用ください。
なおテーマのカスタマイズは自由ですので、お好みにあわせてご利用ください。

Tweet This Post

Web制作のプロとしてのプライドは何処へ…？

Kaoru_M — Wed, 07 Oct 2009 11:20:48 +0000

ちょっと前のことなのですが、「通りすがり太郎」さんというご親切な方から、
「スタジオFIXさんのホームページとソックリのサイトがあります」
というご連絡をいただきました。

さっそく見に行ってみると…
ホントに当社のホームページにそっくりなサイトでした。

思わず目をこすってみましたが、見れば見る程、
キャッチコピーも、情報設計も、コンテンツの見せ方も、
各種パーツのディテールまで、そっくりどころか「まんま」同じ。

明らかなパクり具合におもわず
友人の弁護士に相談しちゃったくらいです。（笑）

これが　メーカーサイトだったり、ECサイトだったらまだ
「ありがちよね〜」で済んだのですが、
何より驚いたのは、相手が当社と同じWeb制作会社だったこと。
ホームページの制作のプロとしてのプライドは何処へ…？ (´･ω･)　

●仮説その1：社長さんは知らない説
「自社のサイトをリニューアルするぞ！」と言われ
デザインアイデアが浮かばなかったWebデザイナーが
ネットサーフィン中に、イケサイに掲載されている当社のホームページを発見。
「あ、これステキ！」
「ついでだからキャッチコピーも一緒でいいや」と安易にパクパク。　
気がついたらまったく同じサイトの出来上がり。

●仮説その2：会社ぐるみ説
「自社のサイトをリニューアルしなくちゃなぁ…」と、アイデアに困った上層部達が
ネットサーフィン中に、イケサイに掲載されている当社のホームページを発見。
「お、これでいいぢゃん！」
「ついでだからキャッチコピーも一緒でいいや」と悪意でパクパク。
当然まったく同じサイトの出来上がり。

　
もし私が逆の立場だったら、どちらの場合でも
「通りすがり太郎」さんに、そう思われた時点で Finish!!!! ですけどね!!

Tweet This Post

横浜のホームページ制作 スタジオFIXの社長ブログ » Webデザイン

楽天ネットショップ作成「Wファイバーラッシュマスカラ」

楽天ネットショップ作成「パーフェクトBBクリーム」

工事看板、安全用品通販のネットショップ作成

ネットショップ作成「妻、彼女への人気プレゼント通販 GiftBox.jp」

楽天ネットショップ作成「スカルプ＆ヘアエッセンス」

ネットショップ作成「天然石ビーズ・アクセサリー通販の4976堂」

横浜のホームページ制作 スタジオFIXの社長ブログ、WordPressテーマを変更しました

所要時間10分、Photoshopで作る飛び出たド派手文字

WordPress無料テーマ配布 第2弾

Web制作のプロとしてのプライドは何処へ…？

横浜のホームページ制作スタジオFIXの社長ブログ » Webデザイン

横浜のホームページ制作スタジオFIXの社長ブログ、WordPressテーマを変更しました

WordPress無料テーマ配布第2弾