【宿泊施設】WordPress制作

掲載サイト
URASHIMA VILLAGE ┃ 瀬戸内海の絶景一棟貸し
制作物概要
業務委託契約で受注したティザーサイトの新規WordPress制作案件です。
illustratorのデザインカンプからコーディングを担当しました。
forword designというデザイン会社様が行ったデザインが元データとなっております。
共有されたデザインカンプ自体はposition:absoluteやGridレイアウト、JQueryプラグイン(スライダー、FV動画背景)などを導入することで実装に至りました。
宿泊施設のティザーサイトという都合上、triplaという宿泊施設予約プラグインも導入しています。
実装した機能
- CSS/JavaScriptで作成した3つのタブ内にてスライダープラグインswiper.jsを導入し、各タブ内で異なるスライダーが表示されるように実装
- 背景に指定された画像をbackgroundpositionなどを使用して導入
- ExperienceのアイテムをGridレイアウト、Flexbox、position:absoluteなどを組み合わせて不規則に配置。それぞれのアイテムにレスポンシブ対応済
- CSSにてFAQのアコーディオンを設置
担当業務
業務内容 | 担当 |
---|---|
企画・提案 | × |
ラフ~本番デザイン設計 | × |
コーディング | 〇 |
WordPress or ECサイト実装 | 〇 |
掲載テキスト制作 | × |
画像選定・編集・作成 | × |
SEO対策 | × |
MEO対策 | × |
広告運用 | × |
解析・運用・更新 | × |
制作期間
2週間