直請けでない制作実績などは公開していないため、ご希望の場合はお問い合わせフォームよりご照会ください。
Analog Studio (ブログ型サイト)
WordPress の運用を通して実際の使い方などの理解をより深めるために雑記ブログを運営しています。オリジナルのクラシックテーマを作成し、キャッシュに頼らずとも高速な表示が可能なことを証明しています。
使用している技術
- WordPress
- Amazon PA-API v5
- オリジナルテーマ (クラシックテーマ)
- 高速なページ表示をするフロントエンド設計
ベースのシステムは WordPress を使用しており、従来型の PHP でコーディングされたテンプレート (クラシックテーマ) を作成して使用しています。テーマは、オリジナルで作成しており高解像度な写真を豊富に使っても重くならないように工夫しています。
TOP ページには全画面の写真が何枚かあるスライダーを実装していますが、以下のように PageSpeed Insight でも速度に問題ないことが確認できます。
購入した商品などを紹介する時に Amazon の価格や商品情報を動的に取得できるよう、Amazon PA-API v5 というものを使ってデータを自動取得しています。
キウイフルーツカントリー Japan (多機能サイト)
静岡県掛川市にある日本最大級のキウイ農園であるキウイフルーツカントリー Japan 様の Web サイトをリニューアルしました。2000年ごろから運用されていたサイトで、リニューアル前はスマホ非対応で SSL/TSL にも非対応でした。
そこでサーバとドメインを Xserver に移転させて全面的にリニューアルを行い、各種機能を実装しました。
多言語対応の多機能サイトで、オンラインショップ (EC) や予約機能を備えています。テレビ等で頻繁に紹介されることから、それほど高性能ではないサーバ環境でも安定して表示できるようにフレームワーク等は使わずにスクラッチで組んでいます。過去に同時接続数が3,000を超えたこともあります。
使用している技術
- スクラッチ実装 (突発的にアクセス数が激増することがあるため)
- 多言語対応 (日本語 / 英語 / 中国語)
- Instagram API (Facebook Graph API)
- WordPress (おしらせの更新機能等で一部ページでのみ使用)
- 予約機能 ※現在は外部サービスを利用
- EC (オンラインショップ)
- 高速なページ表示をするフロントエンド設計
- ミラーレス一眼による写真撮影
このサイトを制作したのは5年以上前で、当時のレンタルサーバ (Xserver) の安価なプランでは WordPress を使用した場合に同時接続数が1,000を超えるとサーバが耐えられずにサイトが見られなくなると言われていました。そこで、テレビ番組で頻繁に紹介されることから WordPress の使用はおしらせ機能などに限定して構築しました。
(現在では、最新のサーバ上で効率的な作り方をすれば全て WordPress システム下でも問題ないと思います)
海外からの来園者も多く、日本語のほかに英語と中国語の多言語サイトとなっています。ブラウザの言語設定から自動的に適切な言語で表示します。
制作当初は、複雑な予約をシステムで管理するために専用システムを作成しました。例えば、園内で行える BBQ の予約で、総人数による制限とテーブル数による制限、いくつかの予約項目で人数やテーブル数を共有するなどを実現していました。
現在は、無断キャンセル対策として予約時に先払いができる外部サービスを利用し、予約運用の方を外部サービスに合わせています。
※制作当初も事前決済 (か、クレジットカードの与信までで課金は当日利用時) を組み込むことを提案していました、予算の関係で見送りとなっていました。
また農園で育てているキウイフルーツなどを直販できるように EC (ネットショップ) 機能を実装しています。ユーザ登録やカート機能のほかに年齢確認の設定も可能になっています。決済は PayPal と Stripe で各種支払いに対応しています。
建築系のサイト
建築系の工務店向けサービスを展開する企業様より外部委託として多数のサイト制作に携わっています。工務店ごとに業務を効率化する機能などを実装しています。
目を引くデザインのサイトになることが多く、動きがあったりレスポンシブを考慮した時の実装難易度が高いものが多いです。
デザインは支給されることが多いですが、PC 用幅とスマホ用幅の2種類のみでその中間 (タブレットなど) や 4K 解像度などは良しなに対応します。場合によってはスマホ用のデザインもないことがありますが、レスポンシブを考慮して実装します。
実装する機能の一例です。他にも工務店ごとに特徴のある機能などが必要になることもあります。
- 建築事例紹介 (テンプレート化して、項目を埋めるだけで掲載可能)
- セミナー情報 (開催日と申込フォームを連携させることもある)
- 資料請求 (複雑なお問い合わせフォームの実装)
- Salesforce Account Engagement (旧 Pardot) のフォームハンドラー (Salesforce 外のフォームと連携させる)
タイヤ販売店のサイト
通常のビジネスサイトのリニューアルに加えて、予約業務で使用していた Google スプレッドシートから自動的にデータをダウンロードしてサイト上に表示する機能を実装しています。年ごとに新規のスプレッドシートを作成する作業も自動化しています。
リニューアル前は自分たちで WordPress を使ってサイトを制作・運用されていました。凄いですね！
しかし、WordPress を使うメリットが分からない、思ったようにサイトが構築できないということでリニューアルをすることになりました。既に数多くの記事が WordPress 内に残っており SEO を考慮してそれらをそのまま活かせる形でリニューアルと機能追加を行いました。
(デザインは、他のデザイナーの方が担当されています)
追加した機能の一つである Google スプレッドシートで管理しているタイヤ交換の予約状況を自動的に取得してカレンダーに表示する実装しています。このカレンダーと空き時間を見て、お客さんが販売店に連絡してスプレッドシート上で管理するという運用をしています。
システム的に Web 上からスプレッドシートに直接予約を入れることも可能でしたが、対面や電話予約を優先したり、お店側の都合で調整したいことがあるとのことでシステムからの直接予約は実装しないことになりました。
その他の機能としてギャラリー投稿機能を実装しました。こちらは主に装着イメージの写真を掲載しています。
タイヤ、ホイール銘柄、車種、タグなどから絞り込む機能に加え、フリーワードでそれらを一括で検索できる機能を実装しています。絞り込み機能は WordPress 標準でできるのですが、フリーワード検索では工夫しないと実装が難しいものです。
フォトグラファーのサイト
予算が決まっており、その予算内でサイトの実装を行いました。WordPress を利用することで既存テーマやプラグインを効率的に使いました。
(デザインは、他のデザイナーの方が担当されています)
ミニマムなサイトながらメインの写真を見せるギャラリー機能、おしらせ機能、お問い合わせフォームを実装しています。これに加えて英語のページと切り替えができる多言語サイトとなっています。
整体院のサイト
開院に合わせて Web サイトを新規で制作しました。こちらも WordPress を利用したサイトで、デザインのカスタマイズが容易な無料のテーマを利用しています。
(デザインは、他のデザイナーの方が担当されています)
追加の機能として、予約を管理する機能を組み込んでいます。オンライン上から24時間いつでも予約をすることができ、一覧で管理することができます。
また、検索可能な FAQ も追加実装しています。FAQ にカテゴリを持たせることで項目ごとに分けて表示ができます。もちろん管理画面上から修正や追加が可能です。