Creative Studio / Web Design & Coding

あなたの想いを、
“伝わる体験”としてRebuildします。

R.E.A.L – Rebuild Experience And Layouts
異端のクリエイティブで、あなたのビジネスを爆発的に魅せる制作ブランド。

What we do

  • ホームページ制作(HTML/CSS/jQuery/WordPress/STUDIO)
  • LPデザイン〜コーディング
  • 英語版サイト制作(翻訳・ローカライズ)
  • WordPress / Shopify 構築
  • 世界観・ブランド設計 / Web相談

最初の一歩の相談から、徹底的に伴走します。

Service

できるだけ「普通じゃない」Web制作。

01. Brand & LP Design

事業やサービスの理念・世界観から言語化し、 ただの「情報サイト」ではなく、ファンを生むブランドサイト / LPを制作します。

  • コンセプト設計
  • ワイヤーフレーム作成
  • UIデザイン〜実装まで一気通貫

02. High Quality Coding

模写コーディングで鍛えた再現力を武器に、 デザインをピクセル単位で忠実に再現。レスポンシブ対応も含めて実装します。

  • HTML / CSS / JavaScript
  • 既存デザインの忠実再現
  • 軽量で扱いやすいコード

03. Site Renewal / Migration

既存サイトをJimdoやWordPressへ移行・改修しつつ、 デザインと導線を整え、成果につながるサイトへブラッシュアップします。

  • CMS移行(Jimdo / WP など)
  • デザイン調整・構成改善
  • スピード重視の運用サポート

Works

クライアント案件 × 自主制作 × 模写でスキルを可視化。

Client Work

Client

チラシ・フライヤー制作サイト リニューアル

担当:サイト修正・Jimdoへの移行
URL:https://tirashi-flyer.jimdosite.com/

既存サイトをJimdoへ移行しながら、デザインやテキストの整理、 導線の見直しを実施。限られた制約の中で、見やすさ・信頼感・行動のしやすさを 意識した構成にリデザインしました。

  • CMS移行と同時にレイアウト調整
  • ユーザー目線での導線再設計
  • 短納期でのリリース対応

Skill Works – Mimic Coding

※ 以下は CodeJump さんのデザインを元に、 学習目的で制作した模写コーディング作品です。
コーディングスキル・再現力の証明として掲載しています(商用利用はしていません)。

Profile / Photo / Media など

  • Profile サイト模写
  • Photo サイト(2パターン)
  • Media サイト模写

タイポグラフィや余白感の再現、レスポンシブ対応を意識したコーディング。

Recipe / Brand / Portfolio

  • Recipe サイト(2パターン)
  • Brand サイト模写
  • Portfolio サイト模写

カードレイアウトやグリッド構成、ホバーアニメーションなどを実装。

Store / EC / Corporate / LP / Blog

  • Store サイト(複数パターン)
  • EC サイト模写
  • Corporate サイト(複数パターン)
  • LP / Blog サイト模写

ショップ系・コーポレート・LPなど、さまざまな業種のUIを想定した構成を再現。

Original Concept

Concept

R.E.A.L Creative Studio – Concept LP

「教育 × クリエイティブ × 異端」をテーマにした架空LP。 黒 × 青を基調にしたネオンライクなUIで、ブランドの世界観とストーリーを 見せることを目的としたコンセプトワークです。

制作内容:アートディレクション / デザイン / コーディング

About

教育から、世界観をつくるクリエイティブへ。

R.E.A.L – Rebuild Experience And Layouts は、
「常識の外に、未来を建てる」ことをテーマにしたクリエイティブブランドです。

教育領域で「未来を創る人」を支援する活動からスタートし、 そこで培った“人の変化に寄り添う視点”を、Web制作・デザインにも拡張しました。

ただ綺麗なだけのサイトではなく、
想い・世界観・物語が伝わるサイトをつくること。 そのために、言葉・構成・デザイン・実装を一気通貫で設計していきます。

R.E.A.L Founder / Creator
横田 愛紀

Value

  • 異端性:「他と同じ」は作らない。
  • 再現性:デザインの意図をコードで忠実に表現。
  • 対話:ヒアリングから一緒に世界観を言語化。

Contact

「ちょっと話を聞いてみたい」レベルでも大歓迎です。

メールで相談する

24時間以内の返信を心がけています。
具体的な案件でなくても、アイデア段階からご相談ください。

各種SNSから連絡する

普段お使いのツールから、気軽にご連絡いただけます。

アカウントIDやリンクは、実際に運用しているものに差し替えてください。