【宿泊施設】WordPress制作

2021.04.23

掲載サイト

業務委託契約で受注したティザーサイトの新規WordPress制作案件です。

illustratorのデザインカンプからコーディングを担当しました。

forword designというデザイン会社様が行ったデザインが元データとなっております。

共有されたデザインカンプ自体はposition:absoluteやGridレイアウト、JQueryプラグイン(スライダー、FV動画背景)などを導入することで実装に至りました。

宿泊施設のティザーサイトという都合上、triplaという宿泊施設予約プラグインも導入しています。

CSS/JavaScriptで作成した3つのタブ内にてスライダープラグインswiper.jsを導入し、各タブ内で異なるスライダーが表示されるように実装
背景に指定された画像をbackgroundpositionなどを使用して導入
ExperienceのアイテムをGridレイアウト、Flexbox、position:absoluteなどを組み合わせて不規則に配置。それぞれのアイテムにレスポンシブ対応済
CSSにてFAQのアコーディオンを設置