Daiki Odaka Portfolio 2026

About me
& Principle

01 About me

Daiki Odaka portrait

尾高大騎

Daiki Odaka

Web Designer

Freelance

Iwata, Shizuoka, Japan

Languages — JP / EN

Services

  • Brand websites
  • Product launch sites
  • Editorial design

Recognition

  • 2025 CSS Design Awards — Special Kudos
  • 2025 CSS Winner — Star

Skills & Tools

Languages
HTML / CSS / JavaScript
CMS / Framework
WordPress / Astro
Design
Figma / Adobe Photoshop / Adobe Illustrator
Tools
VSCode / Git

02 Principle

Commitment

ユーザー目線で迷わせない配置

サイト訪問者の目線に立ち、迷うことなく目的のページや情報へ到達できるレイアウトを構成します。視線の動きや操作のしやすさを考慮し、重要度に応じた優先順位で情報を配置することで、閲覧時のストレスを軽減します。

Layouts are designed from the visitor's perspective to ensure seamless navigation to desired pages and information. By prioritizing elements based on user eye-movement and usability, the design minimizes cognitive friction and browsing stress.

課題を解決し、魅力を伝えるデザイン

企業の持つ世界観やブランディングを視覚的に表現し、ビジネスの課題解決に繋げます。単に見栄えを整えるだけでなく、サイトの目的(認知拡大、集客、成約など)から逆算して構成要素を選定し、ユーザーの行動を促します。

Visual design enhances corporate branding while addressing specific business challenges. Beyond surface aesthetics, every component is strategically selected based on the project's objectives—such as awareness, lead generation, or conversion—to effectively guide user action.

Security

世界基準の対策で守る

世界的に広く使われている安全な仕組みや手法を用いて、公開後も安定した運用を維持します。スパム対策や二段階認証などの導入で、外部からの攻撃や不具合のリスクを低減し、訪問者と企業の信頼を守ります。

Long-term operational security is maintained by adhering to industry-standard security measures. Implementing tailored defense measures, such as spam prevention and two-factor authentication, mitigates risks of external attacks and system errors, safeguarding the organization's reputation and user trust.

最適な実装の提案

プロジェクトの規模や予算、運用の形など、条件に合う最適な実装方法を提案します。自社で更新できるWordPressの導入から、独自の機能や表示速度を追求したフルコーディングまで、長期的な運用を見据えた制作が可能です。

The most suitable development framework is proposed based on project scale, budget, and operational requirements. From implementing customizable WordPress solutions to crafting bespoke full-code websites optimized for loading speed, production is designed for long-term sustainability.

Quality & SEO

検索で見つけやすくなる設計

無駄のない効率的なコードを用いて、検索エンジンに評価されやすいサイト構造を設計します。専門的なSEO(検索エンジン最適化)で、インターネット上で見つけやすく、安定したサイト流入に繋げます。

Using clean, efficient code ensures a well-structured architecture that search engines can easily evaluate. Integrating technical SEO practices enhances discoverability on the web, contributing to steady, organic traffic growth.

誰もが快適に使えるアクセシビリティの確保

すべての人が情報にアクセスできるよう、Webアクセシビリティに準拠した設計を行います。文字の読みやすさや音声読み上げへの対応など、細部まで品質を管理することで利用者の機会損失を防ぎます。

The production pursues inclusive design where information is accessible to everyone, regardless of individual ability or browsing environment. Managing details such as typography readability and screen-reader compatibility prevents any loss of user engagement opportunities.