LOADING

ico Created with Sketch. ico Created with Sketch. ico Created with Sketch.

WORKS

worksページのFV画像

株式会社フソウ・エナジー様

担当範囲
コーディング(SPデザインはおまかせでコーディングさせて頂きました)
使用ツール
Figma / Visual Studio Code
制作環境
HTML/CSS / WordPress / jQuery
製作期間
1ヵ月
実装機能
通常投稿 / お問い合わせ
サイトURL
https://fuso-energy.co.jp/

サイトの紹介

株式会社フソウエナジー様のコーポレートサイトのコーディングを担当しました。すべてのデバイスでデザインが崩れないよう、改行位置や文字サイズを慎重に調整し、レスポンシブ対応に注力しました。
また、事業内容ページでは、種類が多いコンテンツを効率的に表示するため、ページ下部のリンクをパーツ化し、現在開いているページ以外のリンクを表示させる仕組みをPHPで実装しました。事業内容の一部画像がスマートフォン表示でうまく収まらない課題については、デザイナーの方にSP用の画像作成を依頼し、解決を図りました。受け身にならず、主体的に問題解決に取り組む姿勢を意識しました。
今回の案件は、初めてのWordPress案件であり、調査しながら新しい機能を実装することに挑戦しました。特に細かい調整に時間がかかり、時間配分に苦労した部分もありましたが、今後はさらに効率的に進められるよう改善を目指します。
納期を意識しつつ、お客様が運用しやすいサイトを制作するプロセスは、難しいながらも大きなやりがいを感じました。この経験を通じて得た課題と成長を次のプロジェクトに活かしていきたいと思います。

主な実装機能

WordPress
通常投稿ページの実装(年別アーカイブ検索)、リンクパーツの分岐、コンタクトフォーム(プラグインはコンタクトフォーム7を使用しました)
ハンバーガーメニュー
Drawer.jsを使用しています。
TOPのスライダー
Swiperを使用しています。