<aside> <img src="/icons/airplane_blue.svg" alt="/icons/airplane_blue.svg" width="40px" />

コーディング代行いたします。

保守しやすい構成でデザインを丁寧に再現し、サイトの世界観に合ったアニメーションを設計から実装までサポートします。

レスポンシブ対応では、各端末で読みやすいように、レイアウトが崩れないように配慮しつつ対応いたします。

【対応可能範囲】

• LP / 静的サイト/ 動的サイト(WordPressオリジナルテーマ構築・SWELLカスタマイズ)
• JavaScript（GSAPなど）・CSSによるアニメーションの設計や実装

【稼働時間】

コアタイム

毎日　9:30 〜 15:30　週45時間程度

状況に応じて上記以外の時間帯も柔軟に対応いたします。

</aside>

<aside> <img src="/icons/airplane_blue.svg" alt="/icons/airplane_blue.svg" width="40px" />

目次

</aside>

<aside>

PickUp

BARREL SALOON

• 投稿は、お知らせ・ワイン・フード・イベント・ギャラリーの5つの種類を準備し、メニューが変更されても末長く使っていただけるようにしています。
• Top画面の記事の書き出しでは、開催日がすぎているかどうかによりパターン分けをして出力するようにしました。 　1) おすすめワインの表示は必ず左端に表示する。 　2) 未来のお知らせがある時はそれを右端に表示する。 　3) 満席のイベントは表示しない　 　4) 未来のイベントがある時はそれを表示、なければ過去のイベントを「終了」タグ付きで表示する。

おすすめワインの表示は必ず左に表示させます。未来のお知らせがある場合は、一番右に表示させます。

コンテンツを折りたたんで表示できるからアコーディオンでページを見やすくしています。

過去のイベントを「終了」タグ付きで表示します。

ギャラリーではできるだけたくさんの写真を見ていただけるよう、画像を切り替える仕様にしました。

パララックスを使用し、まさに今乾杯しているという雰囲気を演出しました。

管理画面は使いやすさを考えて、投稿日ではなく、イベントの開催日や種類だけをカスタマイズしています。

</aside>

制作実績

DB_制作実績

非公開実績抜粋

DB_非公開実質

アニメーション

DB_アニメーション

サービス

デザインデータをもとに、意図を正確に汲み取った高い再現性でコーディングを行います。 崩れのないレスポンシブ対応とセマンティックなマークアップによるSEOを意識した実装を行います。

• LP(新規・修正)

• 静的サイト(新規・修正)

• Wordpress(新規構築・修正）

  運用体制にあわせて管理しやすく運用しやすい、カスタム投稿設計・カスタムフィールド設計を行います。

• アニメーション実装

  CSSやJavaScript、GSAPなどを用い、アニメーションを実装します。

【業務管理】

◆ 情報共有

共有ファイルで不明点を適宜確認することができます。

◆ 進捗報告

共有ファイルでご自身の都合のいい時に進捗を確認することができます。

◆ 品質チェック

エミュレーターでの確認はもちろん、実機確認も行ない、結果をスプレッドシートにて共有いたします。

【料金目安】

| --- | --- | --- | --- |