![](data:image/svg+xml,<svg display="block" id="2964215761" role="presentation" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><g fill="transparent" height="10.81711857332799px" id="JLZmcb8gZ" transform="translate(2 2)" width="11.000000244935423px"><path d="M 5.036 0 C 4.571 0 4.107 0.153 3.721 0.456 L 0.806 2.759 C 0.297 3.161 0 3.774 0 4.423 L 0 7.901 C 0 9.072 0.949 10.022 2.12 10.022 L 2.915 10.022 C 3.056 10.022 3.191 9.966 3.29 9.866 C 3.39 9.767 3.446 9.632 3.445 9.491 L 3.445 7.901 C 3.445 7.315 3.92 6.841 4.505 6.841 L 5.036 6.841 Z" fill="rgb(255, 255, 255)" height="10.021975131690123px" id="L4I4dnaUL" transform="translate(0.398 0.398)" width="5.035636981280677px"/><path d="M 4.12 0.854 L 4.366 1.166 M 5.434 0.398 L 5.832 0.398 L 5.832 0 L 5.434 0 Z M 1.204 3.157 L 0.958 2.844 L 1.205 3.157 Z M 5.434 7.238 L 5.434 7.636 L 5.832 7.636 L 5.832 7.238 Z M 4.12 0.854 L 4.366 1.166 C 4.67 0.926 5.046 0.795 5.434 0.795 L 5.434 0 C 4.883 0 4.331 0.181 3.874 0.542 L 4.12 0.854 Z M 1.205 3.157 L 1.451 3.468 L 4.366 1.167 L 4.12 0.855 L 3.873 0.543 L 0.958 2.844 Z M 0.398 4.82 L 0.796 4.82 C 0.796 4.293 1.037 3.794 1.451 3.468 L 1.205 3.156 L 0.958 2.843 C 0.353 3.321 0.001 4.049 0.001 4.82 Z M 0.398 8.298 L 0.796 8.298 L 0.796 4.82 L 0.001 4.82 L 0.001 8.298 Z M 2.518 10.419 L 2.518 10.021 C 1.567 10.021 0.795 9.25 0.795 8.298 L 0 8.298 C 0 9.689 1.127 10.816 2.518 10.816 Z M 3.313 10.419 L 3.313 10.021 L 2.518 10.021 L 2.518 10.816 L 3.313 10.816 Z M 3.844 9.888 L 3.446 9.888 C 3.446 9.962 3.387 10.021 3.313 10.021 L 3.313 10.816 C 3.825 10.816 4.241 10.401 4.241 9.888 Z M 3.844 8.298 L 3.446 8.298 L 3.446 9.888 L 4.241 9.888 L 4.241 8.298 Z M 4.904 7.238 L 4.904 6.841 C 4.099 6.841 3.446 7.493 3.446 8.298 L 4.241 8.298 C 4.241 7.932 4.538 7.636 4.904 7.636 Z M 5.434 7.238 L 5.434 6.841 L 4.904 6.841 L 4.904 7.636 L 5.434 7.636 Z M 5.434 7.238 L 5.832 7.238 L 5.832 0.398 L 5.036 0.398 L 5.036 7.238 Z" fill="rgb(255, 255, 255)" height="10.816322705373157px" id="iC88eCdsT" width="5.8315746917899185px"/><path d="M 0 0 C 0.464 0 0.929 0.153 1.314 0.456 L 4.229 2.759 C 4.739 3.161 5.036 3.774 5.036 4.423 L 5.036 7.901 C 5.036 9.072 4.087 10.022 2.916 10.022 L 2.121 10.022 C 1.828 10.022 1.59 9.785 1.59 9.492 L 1.59 7.901 C 1.59 7.316 1.116 6.841 0.53 6.841 L 0 6.841 Z" fill="rgb(98, 98, 98)" height="10.02197513168974px" id="Qw38busNh" transform="translate(5.566 0.398)" width="5.035636981280676px"/><path d="M 1.712 0.854 L 1.465 1.166 M 0.398 0.398 L 0 0.398 L 0 0 L 0.398 0 Z M 4.628 3.157 L 4.873 2.844 L 4.627 3.157 Z M 0.398 7.238 L 0.398 7.636 L 0 7.636 L 0 7.238 Z M 1.712 0.854 L 1.465 1.166 C 1.162 0.926 0.785 0.795 0.398 0.795 L 0.398 0 C 0.949 0 1.5 0.181 1.958 0.542 L 1.711 0.854 Z M 4.627 3.157 L 4.38 3.468 L 1.465 1.167 L 1.712 0.855 L 1.958 0.543 L 4.873 2.844 Z M 5.433 4.821 L 5.036 4.821 C 5.036 4.294 4.795 3.795 4.38 3.469 L 4.627 3.157 L 4.873 2.844 C 5.478 3.322 5.831 4.05 5.832 4.821 L 5.434 4.821 Z M 5.433 8.299 L 5.036 8.299 L 5.036 4.82 L 5.831 4.82 L 5.831 8.298 L 5.433 8.298 Z M 3.313 10.42 L 3.313 10.022 C 4.264 10.022 5.036 9.251 5.036 8.299 L 5.832 8.299 C 5.832 9.69 4.704 10.817 3.313 10.817 Z M 2.518 10.42 L 2.518 10.022 L 3.313 10.022 L 3.313 10.817 L 2.518 10.817 Z M 1.988 9.888 L 2.385 9.888 C 2.385 9.962 2.445 10.021 2.518 10.021 L 2.518 10.816 C 2.006 10.816 1.59 10.401 1.59 9.888 Z M 1.988 8.298 L 2.385 8.298 L 2.385 9.888 L 1.59 9.888 L 1.59 8.298 Z M 0.928 7.238 L 0.928 6.841 C 1.733 6.841 2.385 7.493 2.385 8.298 L 1.59 8.298 C 1.59 7.932 1.294 7.636 0.928 7.636 Z M 0.398 7.238 L 0.398 6.841 L 0.928 6.841 L 0.928 7.636 L 0.398 7.636 Z M 0.398 7.238 L 0 7.238 L 0 0.398 L 0.795 0.398 L 0.795 7.238 Z" fill="rgb(98, 98, 98)" height="10.81711857332799px" id="eymfa2l_g" transform="translate(5.168 0)" width="5.8315746849378645px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" id="609638067" role="presentation" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><g fill="transparent" height="11.000003337627112px" id="q3YNom2os" transform="translate(2 2)" width="11px"><path d="M 5.435 0 C 7.415 -0.023 9.255 1.02 10.252 2.731 C 11.249 4.442 11.249 6.558 10.252 8.269 C 9.255 9.98 7.415 11.023 5.435 11 C 2.423 10.964 0 8.512 0 5.5 C 0 2.488 2.423 0.036 5.435 0 Z" fill="rgb(98, 98, 98)" height="11.000003337627112px" id="YzzwKIgOH" width="11px"/><path d="M 0.634 0.633 L 2.895 0 L 2.262 2.262 L 0 2.894 L 0.633 0.633 Z" fill="rgb(255, 255, 255)" height="2.89388865634161px" id="IimXQIVhs" transform="translate(3.837 3.837)" width="2.8946560625087514px"/><path d="M 0.634 0.633 L 2.895 0 L 2.262 2.262 L 0 2.894 L 0.633 0.633 Z" fill="transparent" height="2.89388865634161px" id="zdP1PtYyF" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.4" stroke="rgb(255, 255, 255)" transform="translate(3.837 3.837)" width="2.8946560625087514px"/><path d="M 3.014 2.748 C 2.978 2.877 2.877 2.978 2.748 3.014 L 0.487 3.647 C 0.353 3.684 0.21 3.647 0.112 3.549 C 0.014 3.451 -0.023 3.308 0.014 3.174 L 0.647 0.913 C 0.683 0.784 0.784 0.683 0.913 0.647 L 3.174 0.014 C 3.308 -0.023 3.451 0.014 3.549 0.112 C 3.647 0.21 3.684 0.353 3.647 0.487 Z M 2.724 0.937 L 1.327 1.328 L 0.937 2.725 L 2.333 2.333 L 2.725 0.937 Z" fill="transparent" height="3.6611637439030273px" id="Gkv9IAmVS" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.4" stroke="rgb(255, 255, 255)" transform="translate(3.453 3.453)" width="3.6611637439030282px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" id="1546488818" role="presentation" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><g fill="transparent" height="8.286842788425268px" id="oabO_ReaH" transform="translate(2 3)" width="11.000000155103862px"><path d="M 6.028 0 L 0 0" fill="transparent" height="1px" id="oIgkW8JpB" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="rgb(98, 98, 98)" transform="translate(4.972 0.904)" width="6.027533686292827px"/><path d="M 2.41 1.205 C 2.41 0.54 1.871 0 1.205 0 C 0.54 0 0 0.54 0 1.205 C 0 1.871 0.54 2.41 1.205 2.41 C 1.871 2.41 2.41 1.871 2.41 1.205 Z" fill="rgb(255, 255, 255)" height="2.410290206638159px" id="tlBA7v4UU" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(255, 255, 255)" width="2.410290206638166px"/><path d="M 0 0 L 6.027 0" fill="transparent" height="1px" id="gZsgvQLCM" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke="rgb(98, 98, 98)" transform="translate(0 7.233)" width="6.026629601444107px"/><path d="M 0 1.205 C 0 0.54 0.54 0 1.205 0 C 1.871 0 2.41 0.54 2.41 1.205 C 2.41 1.871 1.871 2.41 1.205 2.41 C 0.54 2.41 0 1.871 0 1.205 Z" fill="rgb(255, 255, 255)" height="2.4102902066381597px" id="HddFjMFff" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(255, 255, 255)" transform="translate(8.589 5.877)" width="2.410290206638166px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" id="459502582" role="presentation" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><g fill="transparent" height="11.88071792645962px" id="edo9p4XhS" transform="translate(2 2)" width="11.00000114493826px"><path d="M 6.977 0.387 C 6.06 -0.129 4.939 -0.129 4.021 0.387 L 0.617 2.3 C 0.236 2.515 0 2.919 0 3.357 C 0 3.795 0.236 4.199 0.617 4.414 L 4.022 6.326 C 4.941 6.842 6.059 6.842 6.978 6.326 L 10.383 4.414 C 11.205 3.952 11.205 2.763 10.383 2.3 L 6.978 0.388 Z" fill="rgb(255, 255, 255)" height="6.713232549508635px" id="VE3TCPiKm" transform="translate(0 0)" width="10.999891804862735px"/><path d="M 0.409 0 C -0.199 0.53 -0.129 1.548 0.617 1.966 L 4.022 3.879 C 4.941 4.395 6.059 4.395 6.978 3.879 L 10.383 1.966 C 11.129 1.548 11.199 0.53 10.591 0 L 7.393 1.796 C 6.218 2.457 4.783 2.457 3.608 1.796 L 0.41 0 Z" fill="rgb(98, 98, 98)" height="4.265686684089017px" id="fxpdb4H8L" transform="translate(0 7.615)" width="11.000000809057262px"/><path d="M 0.409 0 C -0.199 0.531 -0.129 1.548 0.617 1.966 L 4.022 3.879 C 4.941 4.396 6.059 4.396 6.978 3.879 L 10.383 1.967 C 11.129 1.548 11.199 0.531 10.591 0 L 7.393 1.797 C 6.217 2.457 4.783 2.457 3.608 1.797 L 0.41 0 Z" fill="rgb(98, 98, 98)" height="4.266532798674801px" id="nIWtyJKku" transform="translate(0 5.077)" width="11.000000809057262px"/></g></svg>)
Vertex SaaS Redesign
Motion
Framer
Product Design
CLIENT
Vertex
Industry
Software & SaaS
Year
2025
Services
Product Design, Motion Design
(challenges)
The legacy product felt outdated, with inconsistent components and confusing flows that slowed down new customers.
(solutions)
(results)
