【WordPress】宿泊施設ティザーサイト制作
カテゴリ：ホームページ制作
制作物詳細
業務委託契約で受注したティザーサイトの新規WordPress制作案件です。
illustratorのデザインカンプからコーディングを担当しました。
forword designというデザイン会社様が行ってデザインが元データとなっております。
共有されたデザインカンプ自体はposition:absoluteやGridレイアウト、JQueryプラグイン(スライダー、FV動画背景)などを導入することで実装に至りました。
宿泊施設のティザーサイトという都合上、triplaという宿泊施設予約プラグインも導入しています。
担当業務
コーディング
WordPress実装
使用ツール
VScode
illustrator
SourceTree
Trello
slack
機能・仕様
・CSS/JavaScriptで作成した3つのタブ内にてスライダープラグインswiper.jsを導入し、各タブ内で異なるスライダーが表示されるように実装
・背景に指定された画像をbackgroundpositionなどを使用して導入
・ExperienceのアイテムをGridレイアウト、Flexbox、position:absoluteなどを組み合わせて不規則に配置。それぞれのアイテムにレスポンシブ対応済
・CSSにてFAQのアコーディオンを設置
制作期間
2週間半
その他の実績
%work_title%
カテゴリ：ホームページ制作
%msg%
【WordPress】ミュージカルPRサイト制作
カテゴリ：ホームページ制作
制作物詳細
XDのデザインカンプを基にコーディングしたWordPress制作サンプルです。
チケット販売サイトは設定していません。
オリジナルテーマとして1から制作しているため、ブログ記事等も投稿画面から記入するだけでレイアウトが整うようになっています。
Scssを使用していますが、効率化のためにGulpを導入しているためstyle.min.cssへの変換等も問題ございません。 ..
【WordPress】宿泊施設ティザーサイト制作
カテゴリ：ホームページ制作
制作物詳細
業務委託契約で受注したティザーサイトの新規WordPress制作案件です。
illustratorのデザインカンプからコーディングを担当しました。
forword designというデザイン会社様が行ってデザインが元データとなっております。
共有されたデザインカンプ自体はposition:absoluteやGridレイアウト、JQueryプラグイン(スライダー、FV ..
【PHP】アーティスト団体公式サイト制作
カテゴリ：ホームページ制作
制作物詳細
業務委託にて日本アルコールインクアート協会様に、公式サイトの制作をディレクション、デザイン、制作まで一通りご依頼いただきました。
想定ユーザー層を分析したところ「新しく革新的なもの、弱点より圧倒的な長所、時代の最先端」などや、ラグジュアリー感や高級感を好む傾向にあるという結果が出たため、協会のイメージカラーである「ミントグリーン」と合わせて、「くすみカラー」をベースにしました。 ..
【WordPress】事業サイト制作
カテゴリ：ホームページ制作
制作物詳細
業務委託にてコーポレートサイトと同時並行でデザイン・ディレクション・制作まで一通りお任せいただきました。
提案から自身で行ったため、要件定義やワイヤーフレーム、デザインレイアウト、SEO対策など細部まで携わった案件です。
商品PRサイトという性質上将来的に更新する項目が多数存在するため、オリジナルテーマとして1から制作いたしました。具体的にはブログ機能以外でカスタム投稿を ..
【WordPress】コーポレートサイト制作
カテゴリ：ホームページ制作
制作物詳細
業務委託にてコーポレートサイトのデザイン・ディレクション・制作まで一通りお任せいただきました。
クライアントからPRサイトの方に力を入れたいという希望があったため、コーポレートサイトは有料テーマをカスタマイズした制作です。
「かっちりとした雰囲気にしたい」というクライアントの意向、ヒアリングして浮かび出たターゲット層のイメージに合わせ、青を基調とした「シンプル」「信頼感」 ..
Copyright© 2004-2023 @SOHO All rights reserved.