WEB制作実績

• 

  実案件 WEB制作会社 HPリニューアル

  • ・URL：https://www.giv.co.jp/

  ■実装内容

  XDデザインカンプから実装。以下の6ページのコーディングを担当させて頂きました。

  • ・「グラフィックデザイン(https://www.giv.co.jp/service_graphic/)」
  • ・「PR・広告(https://www.giv.co.jp/service_pr-ad/)」
  • ・「社会貢献活動(https://www.giv.co.jp/giving-back/)」
  • ・ 「メンバー紹介(https://www.giv.co.jp/member/)」
  • ・「会社概要(https://www.giv.co.jp/company_info/)」
  • ・「プライバシーポリシー(https://www.giv.co.jp/privacy_policy/)」

  1. ➀ボタンをふわっと大きく表示する(全体のページで)。
  2. ➁ページ内リンク(PR広告のページで)
  3. ➂LINEトークのような吹き出しの表示(PR広告のページで)
  4. ➃技術記事の執筆
• 

  仮想サイト 英語学習のサービスサイト

  basic認証をかけているので当サイトを開くには以下のIDとパスを入力してログインしてください。

  • ・URL：https://sakasete.conohawing.com/engress/
  • ・ID： 4444
  • ・パス：4444aa!!

  ■実装内容

                 

  XDデザインカンプから実装。8ページのコーティングを行わせて頂きました。WordPressにてサイト制作を行いました。

                     
  1. ➀Topページの「成功事例部分」と「料金体系」ページの料金部分はカスタムフィールドで実装してWEBサイトを更新しやすくしました。
  2. ➁TOPページのお知らせはカスタム投稿タイプで対応しました。またお知らせの一覧はサブループを使って実装しました。
  3. ➂個別記事ページで関連記事やおすすめ記事を実装しました。
  4. ➃お問合せフォームでは自動返信メールの設定なども行っています。
  5. ➄ハンバーガーメニューをjqueryで実装しました。
• 

  仮想サイト 旅館のサービスサイト

  basic認証をかけているので当サイトを開くには以下のIDとパスを入力してログインしてください。

  • ・URL：https://sakasete.conohawing.com/isi-kadan/
  • ・ID： 4444
  • ・パス：4444aa!!

  ■実装内容

  XDデザインカンプから実装。8ページのコーティング。

  1. ➀トップページのメイン画像のスライドショーはcssアニメーションで実装しました。
  2. ➁ヘッダーの「宿泊予約」の予約モーダルを jqueryで実装しました。
  3. ➂トップページのタブ切り替えを jqueryで実装しました。
  4. ➃ハンバーガーメニューをjqueryで実装しました。
  5. ➄aos.jsで要素をふわっと表示させる(全体で)
• 

  仮想サイト パソコン買取のサービスサイト

  ■実装内容

                 

  WordPressにてサイト制作を行いました。6ページのコーディングを行いました。

                     
  1. ➀トップページのバナー画像や「出張買取」「宅配買取」「持込買取」の画像はillustratorで作成しました。
  2. ➁よくある質問のアコーディオンメニューはjqueryで実装しました。
  3. ➂お問合せフォームでは自動返信メールの設定なども行っています。
  4. ➃ハンバーガーメニューをjqueryで実装しました。