ビフォーアフター例

「既存サイトをリニューアルしたい」
「SWELLテーマに移行したい」

このようなご相談で、サイトがどのように変わるかを実際の制作例でご覧いただけます。

移行例:CASE1

権威テーマ

SWELLテーマ

\ スクロールでご覧いただけます /

BEFORE

アバウトページ

AFTER

アバウトページ
Mayulabのコメント

権威は当時の定番テーマで一世を風靡しましたが、時代とともにデザインの流行も変わりますよね。

内容を殺さずにデザインをアップデートするため、下記を提案させていただきました。

  • 全体的に幅を広げて今風に、かつ見やすく
  • ブログ記事のカテゴリーカラーを分ける
  • 電話&メールのお問い合わせボタンを全幅で主張する

移行例:CASE2

HTMLサイト

WordPress×SWELLテーマ

\ スクロールでご覧いただけます /

BEFORE

アバウトページ

AFTER

アバウトページ
Mayulabのコメント

かつて主流だったHTMLサイトも、時代の流れに沿ってWordPressなどCMSへの移行が必須になってきていますよね。
一見面倒に思えますが、完了してしまえば運営管理が今までよりぐんと楽になります。
また、デザインの柔軟性も広がります。

本件では移行に伴い、WordPress×SWELLテーマの機能を活かし
躍動感のあるパフォーマンスをクールに表現するため下記を提案させていただきました。

  • ファーストインプレッションに動画を採用
  • 全幅を活かす構成
  • イメージカラーを白から黒へスイッチ

移行例:CASE3

Snow Monkeyテーマ

SWELLテーマ

\ スクロールでご覧いただけます /

BEFORE

アバウトページ

AFTER

アバウトページ
Mayulabのコメント

テーマ移行によるデザイン崩れの懸念は想定されますが、いったんMayulabにお任せください。
特にブログ記事が多い場合など、各パーツのデザイン引継ぎも含めて確認いたします。

本件では、全体の雰囲気は崩さずにプラスで下記を提案させていただきました。

  • 各メニューへの導線を分かりやすく
  • 「縦書き」「明朝体」を取り入れてメリハリをつける
  • 和紙などの背景テクスチャで和のイメージを整える