Overview

作品概要

自社のサイト制作です。


■課題

これまで蓄積してきた実績や思想はある一方で、それらが整理されきらず、サイト全体としてやや散漫な印象を与えていました。

情報は存在しているのに、価値として結びついていない。
そんな状態が課題でした。


■解決

時代の変化とともに、「検索」のあり方も変わりつつあります。
情報を探すだけでなく、体験や納得感を求める流れへ。

そうした背景から、Studio A.Alignではサイト制作を「情報を並べるもの」ではなく、価値を体験として伝える設計として再定義しました。

その結果、訪問者が「理解する」だけでなく、自然と納得し、関係性が始まる導線を実現しています。

Process

制作ログ

広告漫画制作が基盤にあるとはいえ、漫画表現に寄せすぎることで「漫画制作会社」と誤認されることを避けるため、ロゴを軸に据えた設計としました。

漫画やイラストという、ビジュアルを主体にした会社ではなく、人の体験を「物語」として表現する会社‥‥と、言葉で言うとやはり難しいので、制作実績を丁寧に掲載することに注力しました。

どこの制作会社にもある、「サービス概要説明」はほどほどにして(そんなものは今ではAIがサクッと説明してくれますので…)、
このサイトでは、「何を提供しているか」ではなく、どのように課題が解決されていくかという“体験”を軸に再構成しました。

さらにUIを考えて、テーマから探しやすい導線設計をしました。

Gallery

試し読み / 画面キャプチャ

制作事例 WEBサイト制作 Studio A.Align アイキャッチ画像
スマホ、タブレットでも表示の崩れありません
制作事例 WEBサイト制作 Studio A.Align TOPページ・heroセクション
TOPページのheroセクション。ロゴがふわっと動きます
制作事例 WEBサイト制作 Studio A.Align TOPページ・スマホ表示
スマホ表示画面
制作事例 WEBサイト制作 Studio A.Align WEBサイト制作の詳細ページ
WEBサイト制作の詳細ページ。 お悩みが頭の中でまとまっていない様子を表現。スマホだと縦に並んでしまうのですが、PC表示だと雲のようにバラバラと並んでいます
制作事例 WEBサイト制作 Studio A.Align WorksページのTOP
Worksページのトップ。サービスから探すセクションと、目的や条件から探すセクションを設置しました。
制作事例 WEBサイト制作 Studio A.Align Works記事ページ
Worksの記事ページ。プラグインで独自フォーマットをつくり、すべての記事が同じ構成で表示されるようにしています。

Coupon

紹介クーポンのご案内

Studio A.Alignの紹介でご利用いただけるクーポンです。ご利用条件や詳細は、クライアント先でご確認ください。

紹介クーポン画像

紹介クーポン

株式会社Studio A.Align

サイトリニューアル記念

見積り金額より10%OFF

有効期限:2026年7月31日

ご利用方法

問い合わせフォームに「クーポン見ました」とご記載ください

備考

サイトリニューアルにあわせて、
制作事例としてご協力いただける方への特典です。
クーポンはお友だちにシェアしてもOKです!

Info

制作情報

制作物
WEBサイト
業種
広告・広報制作
広告の想定ターゲット
自社の価値や歴史を、きちんと伝えたいと考えている中小企業・個人事業主
制作年
2026

CONTACT

お問い合わせ

ご相談の例

・目的(採用 / PR / 社内浸透)
・媒体(Web / 冊子 / SNS / 資料)
・希望納期 / ご予算感 / 資料の有無

費用・返信目安

・お見積もり無料(概算のみもOK)
・1〜2営業日以内に返信(土日祝休)

ご相談・お問い合わせはこちらからどうぞ。

お問い合わせフォームへ