カテゴリー
制作事例

Rainbow Lodge

Rainbow Lodge

キャンプやグランピングの魅力を味わいながらも、より快適な空間で心地よい休息が得られることが特長のロッヂです。

カラフルなロッヂの色合いを元に、空と海や緑あふれる大自然を感じてもらえるよう明るいイメージで作成し、画像の縁は大きめの角丸にしてやさしい印象を演出しました。

主な仕様

ズームイン
スライドイン
1文字アニメーション
水平スライダー
フロート予約ボタン(スマートフォンではフッタに固定)
アコーディオン
ルートマップ

カテゴリー
制作事例

ペンションKEIKO

ペンションKEIKO

2005年に制作のご依頼をいただいてから何回目かの全面リニューアルです。
ファーストビューは、お料理の写真をズームインしていますが、この写真の縁にある透過枠は設置が少し大変でした。
この部分はswiperを使っているので、簡単にスライドショーにすることができます。

主な仕様

ズームイン
スライドイン
1文字アニメーション
水平スライダー
垂直スライダー
ゆらゆらアニメーション
フロート予約ボタン(スマートフォンではフッタに固定)
トピックス投稿機能
マイマップでおすすめ観光スポット作成

カテゴリー
制作事例

有限会社明日香交通

有限会社明日香交通

安心・安全をイメージしたグリーンをベースに、丸みを帯びた優しいデザインにしました。
ファーストビューは、右からスライドインしてズームアップします。キャッチコピーは時間差で下からのスライドインです。

主な仕様

スライドインアニメーション
1文字アニメーション
水平スライダー
パララックス

カテゴリー
制作事例 未分類

館山市観光協会(英字版)

館山市観光協会(英字版)

ファーストビューは、ズームインスライドショーにキャッチコピーがスライドインします。
施設はカテゴリーで分類されており、カテゴリーの一覧表示は自動生成です。
内部的なことになりますが、編集画面には英字と日本語の両方の入力欄がありサイトは英字欄のみを表示する仕様です。

主な仕様

ズームインスライドショー
水平スライダー
垂直スライダー
スライドインアニメーション
ふわふわアニメーション

カテゴリー
制作事例

館山市観光協会(繁体字版)

館山市観光協会(繁体字版)

ファーストビューは、ズームインスライドショーにキャッチコピーがスライドインします。スライドショーの下部は曲線の図形を重なあわせデバイスの幅に応じて微妙な調整をしています。
施設はカテゴリーで分類されており、カテゴリーの一覧表示は自動生成です。
内部的なことになりますが、編集画面には繁体字と日本語の両方の入力欄がありサイトは繁体字欄のみを表示する仕様です。

主な仕様

ズームインスライドショー
水平スライダー
垂直スライダー
スライドインアニメーション
ふわふわアニメーション

カテゴリー
制作事例

スギヨシ工業

スギヨシ工業

ファーストビューのモルタル造形の写真は、微妙なパララックスをして時間差でキャッチコピーがスライドインします。

このサイトはコンテンツがある程度できた段階で、スギヨシ工業様にも文章の加筆修正をしていただきながら並行して作業を進めました。

主な仕様

パララックス
施工事例投稿
ホバーズーム
Instagram組込み
スライドインアニメーション

特殊な仕様

①トップページの施工事例4件は、単純に新しい順の4件ではなく特定の事例を指定できます。

②「スギヨシ工業ができること」では、写真と説明を左右に配置し、この配置を互い違いに表示しています。
このメンテナンスが難しくならないよう、編集画面では、左に説明右に画像で入力フォーマットを統一してあり、クラス名で配置を左右に振り分けてています。

カテゴリー
制作事例

西福自然葬

西福自然葬

ファーストビューはオリジナルイラストです。実際に建立されたストゥーパ(仏塔)に光が差している様子を描きました。
パノラマ写真はスライスして分割したものを合成して無限スクロールしています。
このサイトは、施設の工事と並行して制作が進んだため公開まで1年ほどを要しました。

主な仕様

水平スライダー
パノラマ写真無限スクロール
サムネイル付きスライダー
スライドインアニメーション
イラストマップ

カテゴリー
制作事例

BIANCA

BIANCA

ファーストビューは、背景画像がズームインしながらキャッチコピーが遅延してスライドインします。パソコンとスマートフォンは別々の背景を使用しています。

ご予約ボタンは、パソコンではスクロールしたとき画面上固定位置となり、スマートフォンでは画面最下部にボタンとして固定表示します。

主な仕様

ズームイン
スライドインアニメーション
1文字アニメーション
水平スライダー
フロート予約ボタン(スマートフォンではフッタに固定)
Instagram組込み及びスライダー動作

カテゴリー
制作事例

有限会社KIDO

有限会社KIDO

ファーストビューは、スライスした6枚の写真を時間差でスライドインします。その後、時間差でキャッチコピーがスライドインします。

施工事例は、KIDO様がワードプレスのブロックエディタを活用し、文章に加えテーブルで見やすい表を作り、ギャラリーで多くの写真を掲載しています。

ワードプレスがクラシックエディタからブロックエディタに進化したたため、KIDO様ご自身でビジュアルなページを作ることができるようになりました。

主な仕様

施工事例投稿
スライドインアニメーション
1文字アニメーション
垂直スライダー
ホバーアニメーション数種

カテゴリー
制作事例

マリンスポット釣吉

マリンスポット釣吉

ファーストビューは、建物の外観やキャッチコピーが時間差で右と下からスライドインします。

釣果アルバムは、お客様が釣果情報を適宜掲載しています。
また、トップページのお知らせコーナーは、特別な仕掛けは無く、お客様の方でブロックエディタでこのコーナーを編集しています。

主な仕様

釣果アルバム
スライドインアニメーション
スクロールに連動した横文字移動
スクロールに連動したズームイン
Instagram組込み