ホームページ制作サービスの一覧

Web サイトデザイン
Web Site Design

ユーザーが求めるもの × お客さまが伝えたいもの × プロの経験

ホームページは何かを探し求めているユーザーに向けたものであるはずなので、ユーザーが求めるものにマッチさせることがもっとも重要です。
せっかくホームページを訪れてくれたのに、すぐに離れていってしまっては意味がありません。
ですが、そればかりを優先するあまり、お客さまが表現したかったものとは違うものになってしまっては、お客様自身にご満足いただくことが難しくなるでしょう。

ユーザーが求めるもの・お客さまが伝えたいもの

この2つをできる限りマッチさせる。
それが 560DESIGNS の役目です。

XD で共有しながら制作いたします。
ページの遷移やボタンのアクションなど、完成に近い形で確認することができます。

Web サイトコーディング
Web Site Coding

WEB 標準に準拠した検索エンジンにやさしい
美しく生産性の高いマークアップ

CSS 設計は FLOCSS を採用

もちろん BEM や、特に設計思想に左右されない自由なマークアップも可能です。 指定がなければデスクトップファーストで行いますが、モバイルファーストでも対応可能です。

ブレークポイント

ブレークポイントは特に指定がなければ下記の通り行います。

例)コンテンツ幅が1400px であった場合

1400px 以上 ソリッドレイアウト
1399px ~ 768px 基本的にレイアウトは変えず、部分的にリキッドレイアウト。タブレットはこの範囲で対応。
767px 以下 スマートフォン向けに最適化されたリキッドレイアウト。

コーディングポリシー

  • WEB 標準に準拠した検索エンジンにやさしいマークアップ
  • BEM(命名規則)を採用した生産性の高いマークアップ
  • CSS 設計は FLOCSS を採用
  • Sass(SCSS)コーディング
  • 基本的にピクセルパーフェクトを目指しつつ、柔軟な解釈で対応させていただきます

(以下ご希望に応じて)

  • 構造化マークアップ
  • JS × CSS エフェクト、アニメーション
  • PageSpeed Insights 対策

さまざまな開発環境に対応しています

  • Git
  • Docker
  • gulp
  • Vite
  • Prepros

ホームページへのWordPress 実装
Implement WordPress on the Website

WordPres 標準仕様に準拠した
不具合が起こりにくいテーマ開発 / プラグイン開発

テーマ開発

オリジナルテーマをイチから開発いたします。
できるだけ既成のプラグインには頼らずテーマに実装することで、アップデートによる不具合はテーマで解決できます。

よく使うプラグインは下記の通りです。

  • Advanced Custom Fields Pro
  • All-in-One WP Migration
  • Intuitive Custom Post Order
  • Contact Form 7 / Multi-Step Forms

プラグイン開発

2系の頃から実務経験があり、現在は3つのプラグインを公式ディレクトリに公開中です。

  • Bulk Term Editor(https://wordpress.org/plugins/bulk-term-editor/)
  • Pagination Test Drive(https://wordpress.org/plugins/pagination-test-drive/)
  • Clone Test DB(https://wordpress.org/plugins/clone-test-db/)

その他、公開はしておりませんが、

  • 投稿にレビュー機能を追加するプラグイン
  • 会員制サイトとして最適化するプラグイン
  • 予約管理プラグイン
  • データベース管理プラグイン(Contact Form 7 と連携が可能)
  • 位置情報を Google Map と連携させるプラグイン

など開発しており、随時機能強化を行っております。

管理画面の投稿一覧にすべてのカスタムフィールドのカラムを表示/非表示できる機能を標準仕様としており、多くのお客様にご好評いただいております。