Category Archives: Web制作
優雅なWeb制作のためのjQueryプラグインfuga.js (via yuga.js)
Beach / Moyan_Brenn yuga.jsは@kyosukeさんが公開されている、Webサイトを作る上で面倒な部分を自動で実装したり、ちょっとした機能を簡単に追加したりできる便利なjQueryプラグインです。 Web制作を優雅にする、というコンセプトからして素敵なyuga.jsですが、しばらくアップデートされていないため、ページ内するするスクロールがiPhoneやiPadで動作しなかったり、画像直リンクで使うThickboxが開発終了したりしていました。 そこで、最小限の修正を加えたものをここに置いておきます。 するするスクロールは、動きの美しさよりiOSで動作することを優先して処理を単純化。また、画像直リンクは、FancyBoxに差し替えています。 ダウンロード fuga.js-0.0.1.zip 使用方法 ダウンロードしたファイルを展開してサーバに置き、ヘッダー要素内で次のように読み込んでください。 詳しい機能の説明は本家のサイトyuga.js :: Kyosuke.jpをご覧ください。
MakeShopからカラーミーショップへの移行事例
安いだけでは生き残れない激戦区の印刷ECサイト市場にあって、豊富な専門知識と丁寧な接客で着実にリピーターを増やし続けている「チラシ印刷専門のネット通販モノプリ」様のショッピングカートシステムを、MakeShopからカラーミーショップへ移行しました。 チラシ印刷専門のネット通販モノプリ MakeShopの月額10,500円に対して、カラーミーショップは月額1,050円。この差は無視できません。得られる成果にこの差額ほどの違いはないと判断して、リスクを承知で移転に踏み切りました。 比較的小規模といっても商品数は約3,600点。オプションの組み合わせは５万通りを超えます。CSVによる一括登録が一度に300レコードしか処理できない仕様なので、作業時間の見積には注意が必要です。 顧客情報は一括登録機能がないため、コツコツと手作業での入力が必要です。パスワードだけは取り出しできないため、ランダムに生成した仮パスワードを設定し、パスワード再発行の手続きを会員の皆様にご案内しました。 システム移行後、トップページ以外の旧URLはすべて404 Not foundのエラーになります。しかも、カラーミーショップでは.htaccessやエラーページの設定ができないため、旧URLから新URLへ誘導する術がなく、次にクローラーがやってきてインデックスが更新されるまでこの状態が続きます。この点は、検索からの流入の多いECサイトでは致命的な問題になります。 幸い、モノプリ様の顧客はリピーターがほとんどで、検索からの流入はそれほど多くなかったため、大きな混乱はありませんでした。
K’sFACTORY様Webサイトをリニューアル
ワークス系チーム以外では唯一、海外ラリーへのチーム参戦を続けている株式会社K’sFACTORY様のWebサイトをリニューアルさせていただきました。 K’sFACTORY K’sFACTORYさんは、会社としてもチームとしても活動の範囲がたいへん広範囲に渡るため、必然的に情報量が多く、サイト全体の構成を把握しにくいホームページとなっていました。そこで、このたびのリニューアルでは情報設計に最も多くの時間をかけ、見通しのよいWebサイトとなるように心がけました。
BRIGブレーキパッド様Webサイトをリニューアル
ラリー、ダートトライアル、ジムカーナ、ドリフト界ではちょっと知られた存在、BRIGブレーキパッドを供給する株式会社ブロンコ・バスター様のWebサイトを数年ぶりにリニューアルさせていただきました。 BRIGブレーキパッド それまでの黒背景から一転、白背景ですっきりと。ブレンボ製品の取り扱い開始を機に情報設計もやりなおしてスリム化しました。最新のお知らせはWordPressで簡単に更新できます。
シャフトモータースポーツのWebサイトをリニューアル
シャフトモータースポーツのWebサイトをリニューアルしました。 リニューアルにあたっては「ほどほどのものを時間をかけずに構築する」をテーマにしました。時間をかけない＝低コストということです。凝ったデザインではなく、基本に忠実でシンプルであること、誰もが見やすく使いやすいことを重視しました。 これまではサーバに標準で用意されているブログシステムを使用していた関係で、サブドメイン付のブログ専用URL（http://ws.webshaft.org）へ転送する暫定的な形で運用していました。これを解消するため、新たにWordPressを導入しています。デザインテーマはWordPress標準のデフォルトテーマをベースに、オリジナルの改変を加えました。 今回のリニューアルによりサブドメインなしのURL（http://webshaft.org）で直接アクセスできるようになりましたので、旧URLへブックマークされている方がいましたら、お手数ですが変更をお願いします。 また、オンラインショッピングのページは、掲載商品ラインナップの見直しがなかなか進まないこと、SSL非対応でセキュリティ上の懸念があること、運用体制の面で不安があることから、いったん閉鎖させていただきました。これらの問題を解決してリニューアルオープンを目指したいと思っています。
デミオ全日本ラリー参戦プロジェクトのWebサイト
今日は１日せっせとデミオ全日本ラリー参戦プロジェクトのWebサイトを作っていました。LAMPY-J様から参戦車両をお借りするので、そのお礼の気持ちをこめて。 最初から１日で仕上げる目標だったため、細かいところのつめが甘くなっています。が、ただ手抜きをするだけではおもしろくないので、以前からやりたかった、するするとスクロールするページ遷移を取り入れてみました。jQueryとinterface.jsを利用しています。 いい写真がたくさんあったので、ささっと作った割には見ごたえある仕上がりになったかと思います。とくにみんなの笑顔が楽しそうでいいですよね。 こんなイメージでよければ、来シーズンに向けてラリー活動をPRするためのWebサイト制作も承ります。用意するのはスポンサーに提出した参戦企画書と、いい笑顔の写真。それだけでＯＫです。興味のある方はお気軽にご連絡ください。 関連リンク： デミオ全日本ラリー参戦プロジェクト – LAMPY-J
シャフトモータースポーツのWebサイトをリニューアルしました
自身の結婚式も終わって落ち着いたので、念願だったwebshaftのブログ化に着手。構想1年、作業は2日くらい。まあまあカタチになってきたので公開しました。URLは今までと同じです。http://webshaft.org/ブログに移… Continue reading