ARCHECOの世界進出フェーズに合わせて、グローバル向けコーポレートサイトのデザインを担当しました。ARCHECOのブランド価値をより明確に伝えるため、「どんな思想を持ち、どんなチームが、どのような価値を提供している会社なのか」が自然に伝わる体験設計を重視しています。

ビジュアル面では、雑誌のようなエディトリアルデザインをベースに、写真・余白・タイポグラフィを丁寧に構成。スクロールに合わせて要素が立ち上がるパララックス演出を取り入れることで、訪問者がブランドストーリーを読み進めるような没入感ある導線を設計しました。

また、サービス紹介・実績・メンバー紹介・お問い合わせまで、コーポレートサイトに必要な情報を整理し、直感的に閲覧できるUIへ最適化。PC・タブレット・スマートフォンすべてに対応し、ブランドの統一感を保ったレスポンシブデザインとして仕上げています。


2019年12月 制作

エディトリアルな世界観とパララックス演出を組み合わせ、企業の魅力・思想・信頼感を伝えるWebサイトを構築

ARCHECO Inc. コーポレートサイト制作｜ブランド価値を伝えるWebデザイン

既存の「TSUTAYAアプリ」を題材に、UXデザイン・UIデザイン・アプリ導線設計・情報設計の観点から再構築したApp Redesignプロジェクトです。
本プロジェクトでは、単なるUI改善ではなく、「なぜユーザーがTSUTAYAアプリを使うのか」というアプリの存在意義そのものを再定義し、店舗体験とデジタル体験を横断したUX設計を行いました。

従来のTSUTAYAアプリは、クーポン配信や店舗情報など機能単位では成立している一方で、ユーザーが継続利用したくなる体験設計や、ブランド体験としての統一感に課題がありました。そこで本リデザインでは、「映画・音楽・本との偶然の出会い」というTSUTAYAらしい体験価値に着目し、ユーザー導線・画面構成・ビジュアル設計・インタラクションを再設計しています。

UIデザイン面では、コンテンツ探索性を高めるカードレイアウトや、作品との出会いを強調するビジュアル設計を採用。さらに、アプリ全体の情報階層やナビゲーション構造を見直すことで、ユーザーが直感的に操作できるUI/UXを目指しました。また、ブランドイメージと連動したモーションや画面遷移を取り入れることで、デジタル上でもTSUTAYAらしい体験を感じられる設計を行っています。

・

本プロジェクトは、UX/UIデザインの研究・検証を目的として制作したAdvanced Projectsの一つであり、実在サービスを題材に、アプリ改善・UIリニューアル・UX戦略の可能性を探究したデザインワークです。

なお、本プロジェクトの背景やUX設計の詳細については、ARCHECOが運営するUX/UIデザインメディア「アプリ戦略大学」にて解説しています。
「TSUTAYAアプリ」のUX課題分析やリデザインの設計思想については、こちらの記事をご覧ください。

<a href="https://archeco.co.jp/ux-design/app-redesign-tsutaya-app1/" target="_blank" rel="noopener noreferrer">APP Redesign "TSUTAYAアプリ" 〜アプリの存在意義を定義する〜 vol.1</a>


2015年6月 制作

アプリの存在意義を再定義し、UX/UIデザインを再構築したTSUTAYAアプリのリデザインプロジェクト

TSUTAYAアプリ リデザイン｜UX/UIデザイン改善・アプリ体験設計

JR東日本公式アプリをテーマに、UI/UXリデザインコンセプトを制作しました。鉄道アプリは、遅延情報・路線検索・駅情報・乗換案内など多機能である一方、情報量が多く複雑になりやすい課題があります。本プロジェクトでは、ユーザーが必要な情報へ素早く到達できる導線設計を重視し、画面構成を再設計しました。
トップ画面では、現在地や利用頻度に応じた情報を優先表示し、遅延・混雑・お気に入り路線などを即座に確認できるUIへ改善。路線情報や駅詳細ページも、視認性の高い情報階層とカード型レイアウトで整理しています。公共交通アプリに求められる「速さ」「分かりやすさ」「安心感」を軸に、生活インフラとして日常的に使われるプロダクトの体験価値向上を目指したデザイン提案です。

また、本プロジェクトの背景となるUX分析や改善提案については、弊社が運営するメディア「アプリ戦略大学」にて詳しく解説しています。実際の課題整理からUI改善の考え方まで、プロセス全体をご覧いただけます。

記事１
<a href="https://archeco.co.jp/ux-design/app-redesign-jreast-app/" target="_blank" rel="noopener noreferrer">JR東日本アプリUX改善分析</a>
・
記事２
<a href="https://archeco.co.jp/ux-design/app-redesign-jreast-app2/" target="_blank" rel="noopener noreferrer">UI構造と情報設計の再設計</a>
・
記事３
<a href="https://archeco.co.jp/ux-design/app-redesign-jreast-app3/" target="_blank" rel="noopener noreferrer">具体的な画面デザイン提案</a>


2015年5月 制作

JR東日本公式アプリを題材に、複雑な運行情報・路線案内・日常利用機能を再整理したUX/UIリデザイン

JR東日本アプリ リデザイン ｜ 交通インフラアプリUX/UI改善コンセプト

白を基調に、繊細な陰影・光沢・質感表現を重ねて制作したスキューモーフィックアイコンのコレクションです。フラットなUIが主流の中で、あえて立体感や素材感を持たせることで、画面の中に「触れたくなる」フォーカスポイントを生み出すことを目指しました。

汎用的に使えるBasic Iconsシリーズに加え、遊び心を象徴するSamba-busアイコンも制作。単なる装飾ではなく、ブランドの個性やプロダクトの世界観を伝える小さなビジュアルアセットとして設計しています。

Adobe Illustrator上で細かなレイヤーを重ねながら、光の方向、影の濃淡、角の丸み、余白のバランスを調整。UIパーツとしての視認性を保ちながら、グラフィックとしても印象に残るアイコン表現を追求しました。


2015年2月 制作

陰影・光沢・立体感を丁寧に作り込んだスキューモーフィックアイコン集。Basic IconsとSamba-busを通して、UIに触れたくなる質感を与えるビジュアル表現を提案

Skeuomorphic Icon 制作 | 質感で魅せるUIアイコンデザイン

BVLGARIの腕時計をモチーフに制作した、Skeuomorphic Icon Designプロジェクトです。実在するプロダクトの素材感・重量感・光沢表現を細部まで再現し、デジタル上でリアルな存在感を持つアイコンデザインを目指しました。

本作品では、アルミニウムケース特有の金属質感や、ベゼル部分の立体的なタイポグラフィ、クロノグラフのディテール表現などを精密に設計しています。単なる時計のイラスト化ではなく、UIアイコンとして成立するサイズ感と視認性を維持しながら、プロダクトデザインとしての高級感をどこまで表現できるかをテーマに制作しました。また、光源設計・シャドウ表現・反射表現を緻密に調整することで、スキューモーフィックデザイン特有の奥行きとリアリティを追求しています。背景を極限までミニマルにすることで、アイコンそのものの存在感や素材表現を際立たせる構成としました。

本プロジェクトは、UIデザイン・アイコンデザイン・プロダクトビジュアル研究の一環として制作したAdvanced Projectsの一つです。
Apple初期iOSに代表されるSkeuomorphic Designの思想を現代的に再解釈し、デジタルインターフェースにおける質感表現の可能性を探究しています。


2015年2月 制作

高級腕時計の質感と立体感を追求した、スキューモーフィックアイコンデザイン

BVLGARI Watch Icon | Skeuomorphic Icon Design

Nixonの腕時計をモチーフに制作した、Skeuomorphic Icon Designプロジェクトです。時計本体のミニマルな造形美を活かしながら、スキューモーフィックデザインによる立体感と素材表現を追求しました。

本作品では、メタルフレームの光沢感やガラス面の反射、柔らかな曲面構造など、プロダクト特有の質感を細密に再現しています。特に、ブラックを基調としたカラー構成の中で、微細な陰影やハイライトによって奥行きを生み出し、静かな高級感を感じられるビジュアルを目指しました。また、長く伸びるシャドウ表現を採用することで、アイコン単体にグラフィカルな印象を与えつつ、シンプルなUIデザインの中でも強い存在感を持たせています。プロダクトそのものの形状美を損なわないよう、ディテールの整理と情報量のバランスにも配慮しています。

本プロジェクトは、UIアイコン制作・デジタルプロダクト表現・Skeuomorphic UI研究を目的として制作したAdvanced Projectsの一つです。
リアルな質感とミニマルなインターフェース表現を融合させ、現代的なスキューモーフィックデザインの可能性を探究しています。


2015年2月 制作

ミニマルなプロダクトデザインを、立体的なUIアイコンとして再構築

Nixon Watch Icon | Skeuomorphic Icon Design

Camera UX

camera

TAXI

GORILLA

cloth car

ARCHECOの実績は3つに分類されます。すべてに共通するのは、PoCで終わらず事業として存続している点です。美しいポートフォリオではなく、事業指標で私たちの仕事を判断してください。

クライアント様との共創事例

ARCHECOのスタートアップ事例

ARCHECOの個人作品（UIやプロダクトの品質をご確認ください）

受託開発からプロフィットシェア、ジョイントベンチャーまで、様々な契約形態で共創し、事業として成立させた実績です。AI戦略策定から生成AI導入、AIエージェント開発、UX/UIデザイン、市場投入まで一貫して関わり、事業の存続と成長にコミットしています。ビジネス戦略・サービス企画などの上流工程だけではなく、最終的なアプリ/WEBのUIデザインにも妥協せず、美しさと使いやすさを両立することに強いこだわりを持ってものづくりに取り組んでおります。

ゼロから企画し、戦略を立て、自ら設計・運用している事業です。コンサルとして助言するだけでなく、自ら事業を営むことで得たAI業務自動化やRAG構築の知見を、すべてのクライアントワークに還元しています。世の中に大きなインパクトを与えるため、インパクトを追求したUIをデザインし、自社でサービスを手がけることで幅広い知見と実用的なスキルを磨いております。

ARCHECOメンバーが有名アプリを独自にリ・デザインする「App Redesign」の取り組みや、個人制作のプロダクトデザイン・アイコンを掲載しています。デザイナーとしての最終アウトプットの品質をご確認ください。