広告から、ホームページ制作まで、
販促プロモーションの企画・制作なら株式会社ビックスにお任せください。

メールでのお問い合わせ
アクセス・TEL
採用情報

web制作事例

チラシデザイン

  • ビューティメソッド ki・zu・ki
    サムネイル画像
    • デザイン
    • コーディング
    • プログラミング
    デザイン
    ビューティメソッド ki・zu・kihttp://ki-zu-ki.jp/

    ワンランク上のサービスを提供する
    ビューティサロン

    ワンランク上のサロンということで、高級感を出すために黒を基調に、ポイントとしてゴールド色や上品な光で演出。

    クライアント名:株式会社ビーゲイト様
    サイトURL:http://www.bgate.co.jp/
    制作したサイトを見る
    • デザイン
    • コーディング
    • プログラミング
  • スパ白金
    サムネイル画像
    • デザイン
    • コーディング
    • プログラミング
    デザイン
    スパ白金http://www.spa-shirokane.com/

    フル画面でイメージを訴求し、
    細かい仕掛けで見る人を惹きつける

    SEOを意識したコーディングを実施。
    情報量が多いので、読みやすいレイアウト・デザインに。

    クライアント名:株式会社ダイヤモンド・アスレティックス様
    制作したサイトを見る
    • デザイン
    • コーディング
    • プログラミング
  • リヴィタップ東戸塚
    サムネイル画像
    • デザイン
    • コーディング
    • プログラミング
    デザイン
    リヴィタップ東戸塚http://www.livitup.jp/

    シニア向けに見やすく大きい文字を採用

    大きな文字に大きなボタン。明るく親しみやすい色使い。
    わかりやすさが嬉しいデザイン。

    クライアント名:株式会社ライフウェル様
    サイトURL:http://www.life-well.jp/
    制作したサイトを見る
    • デザイン
    • コーディング
    • プログラミング
  • 浜松アウトドアフィットネス
    サムネイル画像
    • デザイン
    • コーディング
    • プログラミング
    デザイン
    浜松アウトドアフィットネスhttp://www.life-well.jp/hamamatsu/outdoorfitness/

    ブログとCMSで最新情報をリアルタイムで配信

    ブランドカラーであるブルーを基調としたすっきりとしたデザイン。
    RSSやCMSで発信する情報を見やすく表示。

    クライアント名:株式会社ライフウェル様
    サイトURL:http://www.life-well.jp/
    制作したサイトを見る
    • デザイン
    • コーディング
    • プログラミング
  • リヴィタップ
    サムネイル画像
    • デザイン
    • コーディング
    • プログラミング
    デザイン
    リヴィタップhttp://livitups.jp/

    白、黒、オレンジのコントラストが印象的なサイト

    お知らせや代行情報を簡単に編集できるCMSを採用。
    特別な知識がなくてもwebサイトの更新が簡単。

    クライアント名:株式会社ライフウェル様
    サイトURL:http://www.life-well.jp/
    制作したサイトを見る
    • デザイン
    • コーディング
    • プログラミング
  • ビューティメソッド na・ki・re
    サムネイル画像
    • デザイン
    • コーディング
    • プログラミング
    デザイン
    ビューティメソッド na・ki・rehttp://www.nakire.jp/

    ふわふわ動くメニューで女性らしさを表現

    和とアジアンの融合した、ナ・キ・レの独自の世界観を表現。
    施術動画コンテンツを用意し、具体的なイメージを伝える仕掛け。

    クライアント名:株式会社ビーゲイト様
    サイトURL:http://www.bgate.co.jp/
    制作したサイトを見る
    • デザイン
    • コーディング
    • プログラミング
  • ビクラムヨガ
    サムネイル画像
    • デザイン
    • コーディング
    • プログラミング
    デザイン
    ビクラムヨガhttp://www.bikram.jp/

    可変グリッド採用でメニューがパズルのように動作

    ヨガポーズにこだわり、撮影を実施。
    モノトーンやセピアの色調で、安心感と歴史を与えるデザインに。
    他のホットヨガとの違いをコンテンツで差別化。

    クライアント名:株式会社ビーワイコーポレーション様
    制作したサイトを見る
    • デザイン
    • コーディング
    • プログラミング
  • ヨギスタイル
    サムネイル画像
    • デザイン
    • コーディング
    • プログラミング
    デザイン
    ヨギスタイルhttp://www.yogystyle.jp/

    ホットヨガを直感でイメージしやすい温かみのある色使い

    インストラクター情報を豊富に掲載し、初心者にも安心感を。
    トップビジュアルはキャンペーン連動で更新し、新鮮さをキープ。

    クライアント名:株式会社ライフウェル様
    サイトURL:http://www.life-well.jp/
    制作したサイトを見る
    • デザイン
    • コーディング
    • プログラミング
  • マグマスタジオ
    OnDo(オンド)函館
    サムネイル画像
    • デザイン
    • コーディング
    • プログラミング
    デザイン
    マグマスタジオ
    OnDo(オンド)函館http://on-do.jp/

    マグマスタジオの熱く重厚感を表現したデザイン

    オンラインでスタジオを予約できるシステムを採用。
    スタジオの運営スタイルを考慮した上で、最適なシステムをご提案。

    クライアント名:株式会社ビーゲイト様
    サイトURL:http://www.bgate.co.jp/
    制作したサイトを見る
    • デザイン
    • コーディング
    • プログラミング
  • エステティックサロン bi・ta・su
    サムネイル画像
    • デザイン
    • コーディング
    • プログラミング
    デザイン
    エステティックサロン bi・ta・suhttp://bitasu.jp/

    「生活に美をプラス」するサロンコンセプトを表現

    清潔感のホワイトにビタミンカラーを採用し、ポジティブでプラスの雰囲気をデザインで表現。

    クライアント名:株式会社ビーゲイト様
    サイトURL:http://www.bgate.co.jp/
    制作したサイトを見る
    • デザイン
    • コーディング
    • プログラミング
  • GENKI NEXT
    サムネイル画像
    • デザイン
    • コーディング
    • プログラミング
    デザイン
    GENKI NEXThttp://wing-genki-next.jp/

    パステルカラーと親しみやすいイラストで安心感のあるイメージ

    使用写真や、文章などハイクオリティのコンテンツで介護整体を取り入れたデイサービスを印象的に伝える。

    クライアント名:株式会社 ウィングプロダクション様
    制作したサイトを見る
    • デザイン
    • コーディング
    • プログラミング
  • ゴルフアカデミー
    サムネイル画像
    • デザイン
    • コーディング
    • プログラミング
    デザイン
    ゴルフアカデミーhttp://www.life-well.jp/hamamatsu/golfacademy/

    ゴルフの楽しさを画面いっぱいで魅せる。

    全画面でイメージを伝えつつ、メニューはアニメーションを採用。
    淡い色を基調に、女性をメインターゲットに初心者向けに楽しさと安心感を訴求。

    クライアント名:株式会社ライフウェル様
    サイトURL:http://www.life-well.jp/
    制作したサイトを見る
    • デザイン
    • コーディング
    • プログラミング
  • ココロハ南青山
    サムネイル画像
    • デザイン
    • コーディング
    • プログラミング
    デザイン
    ココロハ南青山http://cocoloha.jp/

    マウススクロールで1画面分を効果的にスクロールするブランドサイト

    全画面+縦スクロールで、ブランドイメージを訴求。
    ティザーサイトやブランドサイトで有効なデザイン例。

    クライアント名:株式会社ビーゲイト様
    サイトURL:http://www.bgate.co.jp/
    • デザイン
    • コーディング
    • プログラミング

スマホ

  • リヴィタップ東戸塚
    サムネイル画像
    • デザイン
    • コーディング
    • プログラミング
    デザイン
    リヴィタップ東戸塚http://www.livitup.jp/sp/

    タップしやすい大きさのボタン。シンプル設計

    読み込みの遅い画像を使わずにデザインすることで、高速表示で快適に閲覧。
    メニュー表示もアニメーションで動作。

    クライアント名:株式会社ライフウェル様
    サイトURL:http://www.life-well.jp/
    • デザイン
    • コーディング
    • プログラミング
  • ライフウェル
    サムネイル画像
    • デザイン
    • コーディング
    • プログラミング
    デザイン
    ライフウェルhttp://www.life-well.jp/sp/

    サイト構成を意識させないメニュー配置

    総合系コンテンツに加え、3店舗分のサイトを分かりやすくレイアウト。
    スマホの操作を前提にしたボタン配置で、導線を確保。

    クライアント名:株式会社ライフウェル様
    サイトURL:http://www.life-well.jp/
    • デザイン
    • コーディング
    • プログラミング
  • WIZUS
    サムネイル画像
    • デザイン
    • コーディング
    • プログラミング
    デザイン
    WIZUShttp://www.wiz-us.jp/sp/

    わかりやすいボタン配置と見やすい情報レイアウト

    会員種別やメニューなど、情報量の多いコンテンツは、アコーディオン式の伸縮動作で見やすくデザイン。必要な情報をしっかり伝える。

    クライアント名:株式会社ライフウェル様
    サイトURL:http://www.life-well.jp/
    • デザイン
    • コーディング
    • プログラミング
  • リヴィタップ
    サムネイル画像
    • デザイン
    • コーディング
    • プログラミング
    デザイン
    リヴィタップhttp://livitups.jp/sp/

    スマホサイトとしての機能を明確に構成

    どこまで情報を載せるのかを徹底精査で見やすいサイトに。
    ヘッダーだけでなく、フッター部分にも分かりやすくメニューを配置。

    クライアント名:株式会社ライフウェル様
    サイトURL:http://www.life-well.jp/
    • デザイン
    • コーディング
    • プログラミング
  • ビクラムヨガ
    サムネイル画像
    • デザイン
    • コーディング
    • プログラミング
    デザイン
    ビクラムヨガhttp://www.bikram.jp/sp/

    スマホからのアクセスでも「ビクラムヨガ」を全て伝える充実のコンテンツ

    スマホでのアクセス増を考慮し、スマホだけでもブランドを伝えるサイト構成。
    「生徒さんの声」や「世界中の実感の声」など、ユーザー目線のコンテンツを充実。

    クライアント名:株式会社ビーワイコーポレーション様
    • デザイン
    • コーディング
    • プログラミング
  • ヨギスタイル
    サムネイル画像
    • デザイン
    • コーディング
    • プログラミング
    デザイン
    ヨギスタイルhttp://www.yogystyle.jp/sp/

    PCサイトの雰囲気をそのままスマホへ

    スマホサイトとして必要な要素をまとめたサイト構成。

    クライアント名:株式会社ライフウェル様
    サイトURL:http://www.life-well.jp/
    • デザイン
    • コーディング
    • プログラミング
  • マグマスタジオ
    OnDo(オンド)函館
    サムネイル画像
    • デザイン
    • コーディング
    • プログラミング
    デザイン
    マグマスタジオ
    OnDo(オンド)函館http://on-do.jp/sp/

    マグマスタジオのブランドを伝えるスマホサイト

    ブランドカラーの黒を基調にしつつも、見やすい配色。
    プログラムなど、スマホならではのアクションを用いた表現方法を採用。
    スマホサイトからもオンライン予約が可能な仕組みに。

    クライアント名:株式会社ビーゲイト様
    サイトURL:http://www.bgate.co.jp/
    • デザイン
    • コーディング
    • プログラミング
  • エステティックサロン bi・ta・su
    サムネイル画像
    • デザイン
    • コーディング
    • プログラミング
    デザイン
    エステティックサロン bi・ta・suhttp://bitasu.jp/sp/

    メインビジュアルをPCと共有化し、ブランドを確立するデザイン

    上部のメニューは画面をスクロールしても、常時表示。
    いつでもメニューを呼び出し可能にし、コンテンツ間の導線を確保。

    クライアント名:株式会社ビーゲイト様
    サイトURL:http://www.bgate.co.jp/
    • デザイン
    • コーディング
    • プログラミング
  • ココロハ南青山
    サムネイル画像
    • デザイン
    • コーディング
    • プログラミング
    デザイン
    ココロハ南青山http://cocoloha.jp/sp/

    ブランド訴求でビジュアルを大胆に使用

    1ページの縦に長いページはスマホならではの構成
    低予算で実現したブランディングサイト

    クライアント名:株式会社ビーワイコーポレーション様
    • デザイン
    • コーディング
    • プログラミング