長崎/佐世保のホームページ制作会社クロッキーワークス

- HTML
- em と px
[HTML] em or px

[詳細情報]
- 制作事例
- Flashは使わない！
[制作事例] Flashは使わない！

保険代理店のサイト。

保険内容に関するコンテンツは、審査が厳しく多くの制約があるため、導入部分のみ制作し、内容は各保険会社のサイトへと誘導する仕組み。

気軽に見て貰いたいというご要望から、画面に動きをつけたましたが、Flashを使わずに、JavaScriptを使用しました。iOSからの閲覧にも対応できます。

www.pro-insurance.co.jp　
[そのほかの制作実績はこちら]
- 制作事例
[制作事例] 更新できることは？

ホームページ制作のご依頼を受けて、一番に考えることは、デザインではありません。

「何を更新できるのか？」
「何を更新するべきなのか？」

更新すべき内容を、どこまで頑張って更新出来るのかをお聞きして、サイト全体の方向性を決めていきます。

愛媛県松山市
チェロ・バイオリン・声楽・わらべうたベビーマッサージ

www.nico-oto.com　08.2014
[そのほかの制作実績はこちら]
- 制作事例
- 多言語サイト
[制作事例] 多言語サイト

WordPressのみで多言語サイトを実現。

商品詳細ページからお問い合わせが出来るようにカスタマイズ。ちなみにロゴもデザインしました。

www.vision-endoscope.jp　
[そのほかの制作実績はこちら]
- サイト作成
- GoogleMaps
[サイト作成] 地図の色を変える

GoogleMapsの味気ない色。

サイトのデザインに合わせて変えれるんです。ちょっとたところですが、イメージはがあらっと変わります。今回は、グレートーンを使用してみましたが、佐世保のように海がある地図は海の色を変えるだけでもインパクトが違います。

www.yamasaki-butsudan.com　
[そのほかの制作実績はこちら]
リダイレクトが繰り返し行われました
- 制作事例
- 遠方でも対応可
[制作事例] 遠隔地のお客様でも対応可能

熊本は水俣にあるみかん農園のサイト

創業当時からお世話になっている鹿児島の有限会社アールエイチ・プラスからのご紹介で、これまた遠方のお会いしたことがないお客様のサイトを作成。

アフターフォローなどは、Skypeなどで対応しています。

アートディレクションは有限会社アールエイチ・プラスですが、イラストは、京都のイラストレーターの方にお願いしたそうで、いい味を出しています。

www.mikanyama.jp　03.2011〜
[そのほかの制作実績はこちら]
- CMS導入
- 複数のシステム
[CMS導入] EC-CUBEとWordPress

EC-CUBEとWordPressを融合
いろんな所をWordPressで書き換えが出来る。

早い段階から、Googleカレンダーを取り入れたサイト

www.freedom99.jp　
[そのほかの制作実績はこちら]
- 制作事例
[制作事例] 佐世保愛に満ちたメディアサイトで企業価値をアップさせる

お知らせ、ブログ、店舗情報、採用情報など、
複雑になりがちな企業のサイトを、

公式サイトとメディアサイトに切り分けることで、

シンプルで、見やすい、見せやすいサイト構成を実現

運用もWordPressを使って自社更新出来る。

時折、プロの文章や写真を取り入れることで、見飽きないサイトを実現出来ます。

「ぼくは、サカエマチ・サト。」
　　文章：shinobu fujimura
「春の養生〜季節の養生春夏秋冬〜」　
　　文章＆写真　madoka ishima from atelier ハル:G

など、コラボ企画も容易。

www.ide-medi.com　04.2015~
[そのほかの制作実績はこちら]
- 多言語化
[多言語化] WordPressで【日本語】と【英語】

WordPressに独自の機能を組み込み、日本語と英語の多言語サイトを実現

以前から数件のプラグインを使用した多言語サイトを制作していますが、今回は決定版。

プラグインを使用せずに、独自のファンクションを使用しているので、訳したいところだけ翻訳してみたり、日本語とは別のページを作ったりと、融通の利く仕組みになっています。

http://www.tomohouse.jp/　
[そのほかの制作実績はこちら]
- volvo240
- 車変わりました。
[volvo240] volvo240

カヤックの仕事に欠かせない、長ぁ〜い車ですが、この度、ステージアからボルボへと乗り換えました。WEB上の評価では、小回りがきくという話だったのですが、実際乗ってみると、取り回しが大変。FRだからでしょうか？

すべてにおいてステージアより若干小さいのですが・・・

慣れるまで、今しばらくかかりそうです。
- 制作事例
- JavaScript
[制作事例] いけだ小児科

海のマスコット達に合わせて、海の中をブクブク。

JavaScriptで少しギミックをつけることで、印象が変わります。

メーリングリストを組込んでお知らせにも利用しています。

www.ikesyu-child.jp　
[そのほかの制作実績はこちら]
- 制作事例
- GoogleMaps
[制作事例] GoogleMap

スマートフォンとGoogleMapsの組み合わせ
GoogleMapsでカテゴリー毎にマーカー表示

マーカーの位置は手動で微妙に動かせるようにカスタマイズ。密集した地域や同じビルの店舗でもかぶらずに表示できます。

これら全てWordPressの投稿でお店ごとに管理できるから運用も楽。

www.sasebo-cci.or.jp/friendshipbusiness/　
[そのほかの制作実績はこちら]
- 制作事例
- JavaScript
[制作事例] ちょっとしたギミックで楽しく

長崎・佐世保以外のお客様でもホームページ制作可能です。基本的なデザインは地元、鹿児島のデザイン会社で行い、サイトはクロッキーワークスで企画・制作。

jqueryを使った、少し変わったギミックを取り入れることで、楽しい雰囲気に仕上がっています。

www.nagaya-tower.com　
[そのほかの制作実績はこちら]
- 制作事例
- 税理士紹介
[制作事例] 佐世保の税理士と企業のマッチング

sasebo.zeirishi.croquis.jp　01.2015~
[そのほかの制作実績はこちら]
- 制作事例
[制作事例] 地元佐世保のイラストレーターとライターの力を借りて

佐世保市を中心に、「井手薬局」と「トラスト薬局」を展開する、調剤薬局グループ、井手薬品株式会社の公式サイト。

採用情報をメインとして、各種情報は別サイト「IDE MEDICINE MEDIA」を運用

スマートフォンを意識したサイト構成に、地元佐世保で活躍するイラストレーター

「design373」さんのイラストを使用。

一枚目の九十九島をバックにした薬剤師のイラストは、薬剤師としてもお店で患者さんと向き合う井手薬品の社長に似ているとご好評頂きました。

www.ide-medicine.co.jp　04.2015~
[そのほかの制作実績はこちら]
- PHOTO
- 針尾無線塔
[PHOTO] 針尾無線塔
- 制作事例
- どこに費用を？
[制作事例] どこに費用をかけるのか？

佐世保市の行政書士、伊澤美津紀先生のホームページ。

黄色をメインカラーに、赤色を使って英語での対応が可能な事を強調。そのほかはグレーでまとめて落ち着きのあるサイトに仕上げました。写真はストック素材を利用しましたが、見出しなどの文章は、クライアントの先生と同年代の若いコピーライターが手伝ってくれました。

サイト作成には、デザイン、写真、文章、システム・・・全てプロを使ってサイトを作ると高価になりますので、こだわるところを絞って費用をかけるのが大事です。

www.izawa-law.jp　06.2013〜
[そのほかの制作実績はこちら]
- 制作事例
[制作事例] 佐世保のケーキ店

佐世保に来て一番初めに覚えたケーキ屋さんのサイトを制作させていただきました。先代オーナーから引き継いだパティシエさんが、伝統の味を守りつつ、新しく、パイやベイクタルト、キッシュなどのフレッシュベイクも好評です。

http://genuine-sasebo.jp/

genuine-sasebo.jp　2017
[そのほかの制作実績はこちら]
- 制作事例
- 自分たちで更新
[制作事例] 素材を活かす

東京にある出版物企画・制作の atelierハル:Gのサイト

特化した分野で、出版に使える膨大な写真を活かして、レイアウト。季節ごとにトップページのスライドショーの写真を変更出来たり、アップロードした写真には、自動的に透かしをいれたり、見えないところでいろいろな機能が盛り込まれています。

セレクトショップの仕組みも実装しているので、今後が楽しみなサイト。

www.halu-g.jp　04.2014〜
[そのほかの制作実績はこちら]
- 制作事例
[制作事例] 凝ってるけど・・・メニューの更新は簡単

凝った動きをしているサイトでも、実は全てWordPressで制作されています。

企画・デザインの段階で、更新が予想される箇所を切り分け、WordPressで更新する項目と、代理店で作業する項目、当社で作業する項目を細分化することで、コストパフォーマンスを最大限に引き出しています。

www.shang-la.net　04.2014〜
[そのほかの制作実績はこちら]