制作

BLCのWordPressコーポレートサイトを制作いたしました

BLCホームページのメインビジュアルのスクリーンショット

ファーストビュー

ファーストビューにはヒーローイメージを採用しました。

トップページ

トップページにおいては、CSSを用いて読み込み時ホワイトマスクのフェードインをかけた後に、テキストがフェードインするように実装しアニメーションをつけました。また読み込み後、スクロールされず一定時間が経過した場合に、スクロールを促すようにアニメーションが出現するようにしました。

ニュースページ

ニュース(お知らせページ)においては、モーダルメニューを配置し、ニュースカテゴリーを選択出来るようにいたしました。ニュースページ、モーダルメニューからのページ内推移では下層ページ読み込み時のスクロールアクションをキャンセルしモーダルメニュー位置で読み込まれるよう実装しました。

他下層ページ内からニュースページへのリンク等を設置しており、推移元判定の処理をいれました。この処理により例として制作事業ページ内のリンクからニュースページ(詳細ページ)へ推移してきた場合に、[Back To Index]ボタンを押下した場合は制作カテゴリーのニュース一覧ページを読み込みます。

制作概要

制作物WordPressコーポレートサイト
URLhttps://best-life-creation.jp
ボリュームWordPressテーマ一式
作業内容デザイン、コーディング、デプロイ作業
仕様ツールAdobe Photoshop, Adobe Illustrator, Adobe XD, Visual Studio Code, MAMP, FileZilla
使用言語HTML5, CSS3, JavaScript, PHP
使用FWjQuery
プラグインjQuery Easing Plugin
CMSWordPress

随時更新、開発してサイトを拡充してまいります。

BLCでは全国各地のお客様に対して、WEBデザインを始め、Web制作やシステム制作、またチラシ・フライヤー、メニュー表、名刺制作等のDTPデザイン、映像・動画制作、及びグーグル検索設定等の各種サービスを提供しております。【制作=目的】ではなく【制作=手段】として、その先にあるお客様のご要望を実現いたします。お気軽にBLCにご相談ください。

Back to Index

ニュース一覧ページへのリンクボタン

お問い合わせはこちら