<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<oembed>
  <author_name>xmart_techblog</author_name>
  <author_url>https://blog.hatena.ne.jp/xmart_techblog/</author_url>
  <blog_title>クロスマート Tech Blog</blog_title>
  <blog_url>https://xmart-techblog.hatenablog.com/</blog_url>
  <categories>
    <anon>Figma</anon>
    <anon>UI/UX</anon>
    <anon>デザイン</anon>
  </categories>
  <description>クロスマートでUIデザインを担当している大島です！ 先日、弊社が飲食店向けに提供する発注ツール「クロスオーダー」の全画面を対象としたデザインリニューアルを行いました。今回のテックブログでは、リニューアルに至った背景やデザインにまつわる制作秘話をお伝えしたいと思います✨️ 🧐 リニューアルを実施した背景 「クロスオーダー（以下、XO）」は、食品卸と飲食店間の仕入れ業務をスムーズに行うための受発注ツールです。今回のリニューアルの対象となるのは、厨房やバックヤードで働く現場スタッフであり、仕込みや接客の合間にスマートフォン片手で素早く操作できる使い勝手が求められてきました。 サービス開始から５年、利…</description>
  <height>190</height>
  <html>&lt;iframe src=&quot;https://hatenablog-parts.com/embed?url=https%3A%2F%2Fxmart-techblog.hatenablog.com%2Fentry%2F2026%2F01%2F13%2F100000&quot; title=&quot;クロスオーダー｜発注画面のデザインリニューアルの舞台裏 - クロスマート Tech Blog&quot; class=&quot;embed-card embed-blogcard&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;&quot;&gt;&lt;/iframe&gt;</html>
  <image_url>https://cdn-ak.f.st-hatena.com/images/fotolife/x/xmart_techblog/20260105/20260105175215.png</image_url>
  <provider_name>Hatena Blog</provider_name>
  <provider_url>https://hatena.blog</provider_url>
  <published>2026-01-13 10:00:00</published>
  <title>クロスオーダー｜発注画面のデザインリニューアルの舞台裏</title>
  <type>rich</type>
  <url>https://xmart-techblog.hatenablog.com/entry/2026/01/13/100000</url>
  <version>1.0</version>
  <width>100%</width>
</oembed>
