ACQUA WORKS

株式会社ママミール様のWebサイト制作事例｜構成・デザイン・コーディング

公開日 2026年9月9日更新日 2026年9月12日制作事例

福岡で幼稚園・保育園向けの給食やお弁当を提供する株式会社ママミール様のWebサイトで、Acquaは構成・デザイン・コーディングを担当しました。給食サービスの案内と、食への想い、食育、安全・品質管理などの情報を掲載するサイトです。

制作対象と担当範囲

給食サービスを検討する人には、サービスや想い・安全の情報から相談への案内を。既存のお取引先にはオンライン注文への入口を用意しています。

トップページでは、事業のメッセージに続いてサービスを紹介し、株式会社ママミール様の想い、選ばれる理由、お知らせ、安全への取り組みなどへ読み進める構成にしています。サービスを探す人と、会社の考え方を知りたい人が、それぞれ必要なページに進める入口を用意しています。

サービス紹介には、幼稚園・保育園弁当、配膳給食、受託給食などを掲載。各サービスの写真、名称、説明を同じ形式でまとめ、提供方法が異なるサービスを見渡せるようにしています。

ページ冒頭には、食事を楽しむ子どもの写真と「みんなの喜ぶ顔が見たいから。」というメッセージを配置しています。その下には給食やお弁当の写真を並べ、提供する食事のイメージを伝えています。

色はオレンジとクリーム色を中心に、白い背景や丸みのある文字・ボタンを組み合わせています。写真の印象を生かしながら、サービス名や説明文を読み取れる余白を確保。食事の温かさを感じる見た目と、事業案内として必要な情報を両立するデザインです。

初めて訪れる人に向けたサービス紹介とは別に、既存のお取引先向けのオンライン注文リンクを設けています。パソコンでは画面左側、スマートフォンでは画面下部に注文の入口が表示され、外部の注文ページに進めます。

企業サイトには、依頼を検討する人だけでなく、日々の業務で繰り返し訪れる人もいます。用途の異なる入口を分けて示すことも、このサイトの構成上の特徴です。

パソコンではメッセージと写真を横に配置し、サービスの紹介も複数列で表示しています。スマートフォンでは縦方向の流れに合わせて文章と写真を並べ、ヘッダーのナビゲーションを開閉するメニューにしています。

構成からデザイン、コーディングまで担当し、サービスを紹介する順番と、実際の画面での見せ方を一緒に整えた制作事例です。

複数のサービスがある会社では、トップページに何を載せ、どこから詳細ページへ案内するかが制作の出発点になります。原稿や写真がすべてそろう前でも、現在の資料と紹介したい事業をもとに、必要なページや準備する内容を整理できます。

Acquaは福岡県那珂川市を拠点に、企業のホームページ制作・リニューアルに対応しています。構成からのご相談にも、デザイン・コーディングなど工程を絞ったご相談にも対応範囲をご案内します。

掲載画面は2026年9月9日時点のものです。本事例では担当工程と公開サイトの内容を紹介しています。