制作実績

株式会社ヨンド 様

担当範囲

WordPress構築

概要

業態デザイン会社(ブランディング・デザイン)
種別新規制作(コーポレートサイト)
公開2026年

WordPress導入の背景

デザイナーの方が、ご自身の会社のために作られたコーポレートサイトです。別のお仕事でのご縁から、デザインをもとにしたWordPressへの組み込みと、公開までを担当させていただきました。

ページはトップ・会社紹介・制作実績・お問い合わせなどのシンプルな構成で、制作実績は一覧と詳細ページで更新していく形でした。

デザインのイメージはそのままに、実績をご自身で追加し続けていけるWordPressサイトとして組み立てています。

WordPressで実現したこと

制作実績の追加

制作実績は専用の投稿の種類で、タイトル・画像・本文を入れるだけで一覧と詳細ページに並びます。実績が増えるたびにページを作る必要がなく、見る方にも最新の仕事がすぐに届きます。

制作実績の編集画面(タイトル・本文・アイキャッチ)と、公開された実績ページを並べた画像

トップページとお知らせ

トップページの文章はブロックエディタで編集でき、お知らせも管理画面から更新できます。会社の近況を、思い立ったときに発信できます。

トップページのお問い合わせ欄の文章をブロックエディタで編集している画面と、公開されたトップページの同じ欄を並べた画像

デザインに合わせた動き

スクロールに合わせて要素が表示される動きや、スマホ用のメニューも、デザインに合わせて組み込みました。デザインのイメージを、動きまで含めてそのまま再現しています。

スクロールでロゴから言葉に切り替わる場面と、スマホのメニューボタン、メニューを開いた画面を並べた画像

構築のポイント

今回いちばん意識したのは、動きで見せるデザインと、管理画面から更新しやすい仕組みのバランスです。

スクロールに合わせて要素が表示されたり、重なるように固定されたりと、動きで見せるデザインでした。ただ、動きを作り込みすぎると、実績を追加するたびにレイアウトが崩れないか気にしながら更新することになってしまう…。なので、動きはテーマ側に組み込み、実績はタイトルと画像、本文を入れるだけで一覧に並ぶ形にしています。

デザインの見せ方はそのままに、中身はご自身で気軽に更新できる。そんな役割分担を意識しました。

まずは無料相談から

お気軽にご相談ください!