Arclight
Making complex supply-chain intelligence easier to understand, trust, and act on.
Services:
Web Design and developement
Industry:
B2B SaaS supply chain intelegence
Timeline:
2 Weeks
The challenge
The product was powerful. The challenge was making that clear.
Arclight deals with complex data, supplier networks, risk signals, and AI-assisted decisions.
Visitors needed to understand what the product does, why it matters, and how it helps them make better decisions.
The website had to make that clear without overwhelming them.
The thinking
Give every section a purpose.
I structured the page around the questions buyers naturally ask:
What is it? Why does it matter? How does it work? Can I trust it? What's next?
That shaped the entire experience, from the opening message to the product visuals and final CTA.
Making complixity feel simple
Make the complex feel simple.
I used product visuals to make Arclight's capabilities easier to understand.
Network visibility: Show how suppliers and connections fit together.
Risk intelligence: Make risk signals and potential exposure easier to scan.
AI recommendations: Show how the product supports real decisions.
A restrained visual system, clear typography, and a focused blue accent keep the experience consistent and easy to navigate.
The build
Designed and built in Framer.
I built a responsive website with reusable components, product-focused visuals, and layouts designed to work across desktop, tablet, and mobile.
The outcome
A clearer way to communicate a complex product.
The website was designed to help visitors understand Arclight's value, build confidence in the product, and know what to do next.
The focus was simple: less confusion, more clarity, and a clearer path to action.
HAVE A PROJECT IN MIND?
Let's build something that works for your business.
Have a website to improve or something new to bring to life? Tell me what you're working on, and let's figure out the right approach.
![](data:image/svg+xml,<svg display="block" id="1454640249" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 11.12 12.65 C 11.242 12.65 11.342 12.75 11.342 12.874 L 11.342 23.776 C 11.342 23.9 11.242 24 11.119 24 L 10.848 24 C 10.747 23.999 10.658 23.931 10.632 23.833 C 9.285 18.725 5.283 14.744 0.168 13.425 C 0.069 13.399 0 13.31 0 13.208 L 0 12.874 C 0 12.751 0.1 12.65 0.224 12.65 L 11.119 12.65 Z M 23.777 12.65 C 23.9 12.65 24.001 12.751 24.001 12.874 L 24.001 13.145 C 24 13.246 23.932 13.335 23.834 13.361 C 18.727 14.711 14.749 18.716 13.432 23.832 C 13.407 23.931 13.318 24 13.216 24 L 12.881 24 C 12.758 23.999 12.658 23.899 12.658 23.776 L 12.658 12.874 C 12.658 12.751 12.758 12.65 12.882 12.65 Z M 11.12 0 C 11.242 0 11.342 0.1 11.342 0.224 L 11.342 11.126 C 11.342 11.249 11.242 11.349 11.119 11.35 L 0.224 11.35 C 0.1 11.35 0 11.25 0 11.126 L 0 10.855 C 0 10.753 0.068 10.664 0.166 10.639 C 5.273 9.288 9.251 5.284 10.568 0.168 C 10.593 0.069 10.682 0 10.784 0 L 11.119 0 Z M 13.153 0 C 13.254 0.001 13.343 0.069 13.369 0.167 C 14.716 5.275 18.718 9.256 23.833 10.575 C 23.932 10.601 24.001 10.69 24.001 10.792 L 24.001 11.126 C 24.001 11.249 23.901 11.35 23.776 11.35 L 12.881 11.35 C 12.758 11.349 12.658 11.249 12.658 11.126 L 12.658 0.224 C 12.658 0.1 12.758 0 12.882 0 Z" fill="rgb(0, 0, 0)" height="23.999999618530275px" id="NNVJLUceB" transform="translate(0 0)" width="24.00099999238197px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 22.93 9.395 L 23.768 9.874 L 23.768 10.233 L 23.528 11.071 L 16.221 12.79 L 19.697 13.106 L 19.698 13.106 L 22.691 13.346 L 23.409 13.824 L 23.888 14.542 L 23.888 15.059 L 22.571 15.619 L 15.867 13.944 L 15.678 13.936 L 15.747 14.063 L 21.254 19.211 L 21.374 19.81 L 21.014 20.289 L 20.656 20.169 L 18.62 18.732 L 15.625 16.082 L 15.687 16.518 L 18.5 20.648 L 18.5 21.606 L 18.38 21.965 L 17.901 22.205 L 17.063 22.093 L 12.998 16.043 L 12.395 23.282 L 12.394 23.282 L 12.036 23.761 L 11.317 24.001 L 10.719 23.521 L 10.359 22.803 L 11.739 15.352 L 8.084 20.17 L 6.409 22.084 L 5.93 22.204 L 5.212 21.844 L 5.332 21.246 L 10.545 14.354 L 4.135 18.739 L 2.937 18.739 L 2.461 18.19 L 2.461 17.535 L 4.494 16.1 L 9.275 13.056 L 1.021 12.627 L 0.542 12.507 L 0.542 12.508 L 0 11.908 L 0 11.376 L 0.542 11.191 L 6.648 11.55 L 9.383 11.769 L 9.283 11.669 L 2.339 6.761 L 1.979 6.282 L 1.98 6.282 L 1.74 5.324 L 2.459 4.486 L 3.297 4.606 L 3.537 4.606 L 8.564 8.316 L 9.474 9.016 L 5.881 2.496 L 5.551 1.052 L 5.552 1.052 L 6.29 0.11 L 6.771 0 L 7.726 0.14 L 8.198 0.508 L 11.632 8.123 L 11.943 9.028 L 12.753 1.853 L 13.232 0.895 L 13.95 0.416 L 14.549 0.656 L 15.147 1.493 L 13.976 8.529 L 17.972 3.286 L 19.122 2.352 L 20.294 2.598 L 20.604 2.982 L 20.901 3.9 L 20.778 4.486 L 16.424 10.441 Z M 6.408 22.085 L 6.409 22.084 L 6.409 22.084 Z" fill="rgb(217, 119, 87)" height="24.000999946594234px" id="LhCYqaRwG" transform="translate(0.056 0)" width="23.8879996702075px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 9.4 6.356 L 9.4 0.152 L 10.5 0.152 L 10.5 6.423 L 17.689 0.067 L 17.689 7.09 L 19.9 7.09 L 19.9 17.487 L 17.135 17.487 L 17.135 23.975 L 10.501 17.791 L 10.501 23.847 L 9.4 23.847 L 9.4 17.637 L 2.765 24 L 2.765 17.487 L 0 17.487 L 0 7.09 L 2.765 7.09 L 2.765 0 Z M 10.5 16.249 L 16.034 21.407 L 16.034 14.837 L 10.501 9.054 L 10.501 16.249 Z M 3.866 14.838 L 3.866 21.381 L 9.4 16.076 L 9.4 9.054 Z M 17.135 14.362 L 17.135 16.337 L 18.799 16.337 L 18.799 8.24 L 11.28 8.24 Z M 1.102 16.337 L 2.765 16.337 L 2.765 14.362 L 8.622 8.24 L 1.101 8.24 L 1.101 16.337 Z M 11.453 7.09 L 16.587 7.09 L 16.587 2.549 L 11.453 7.089 Z M 3.866 7.09 L 8.535 7.09 L 3.866 2.616 Z" fill="rgb(33, 128, 141)" height="24px" id="QJcd6bDHW" transform="translate(2 0)" width="19.900000000000006px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 9.205 8.658 L 9.205 6.398 C 9.205 6.208 9.276 6.065 9.443 5.97 L 13.986 3.354 C 14.605 2.997 15.342 2.831 16.103 2.831 C 18.957 2.831 20.765 5.043 20.765 7.398 C 20.765 7.564 20.765 7.754 20.741 7.945 L 16.031 5.185 C 15.77 5.019 15.436 5.019 15.175 5.185 Z M 19.814 17.459 L 19.814 12.059 C 19.814 11.726 19.671 11.489 19.385 11.322 L 13.415 7.849 L 15.365 6.731 C 15.509 6.636 15.697 6.636 15.841 6.731 L 20.384 9.348 C 21.693 10.109 22.573 11.726 22.573 13.296 C 22.573 15.104 21.503 16.769 19.813 17.459 Z M 7.802 12.702 L 5.852 11.56 C 5.695 11.476 5.602 11.309 5.613 11.132 L 5.613 5.899 C 5.613 3.354 7.563 1.427 10.204 1.427 C 11.204 1.427 12.131 1.76 12.916 2.355 L 8.23 5.067 C 7.945 5.233 7.802 5.471 7.802 5.804 Z M 12 15.128 L 9.205 13.558 L 9.205 10.228 L 12 8.658 L 14.795 10.228 L 14.795 13.558 Z M 13.796 22.358 C 12.796 22.358 11.869 22.026 11.084 21.431 L 15.77 18.719 C 16.055 18.553 16.198 18.315 16.198 17.982 L 16.198 11.084 L 18.172 12.226 C 18.339 12.321 18.41 12.464 18.41 12.654 L 18.41 17.887 C 18.41 20.432 16.436 22.359 13.796 22.359 Z M 8.158 17.055 L 3.615 14.438 C 2.307 13.677 1.427 12.06 1.427 10.49 C 1.421 8.665 2.521 7.019 4.21 6.327 L 4.21 11.75 C 4.21 12.084 4.353 12.321 4.638 12.488 L 10.585 15.937 L 8.635 17.055 C 8.49 17.15 8.303 17.15 8.158 17.055 Z M 7.897 20.955 C 5.209 20.955 3.235 18.934 3.235 16.436 C 3.235 16.246 3.259 16.056 3.282 15.866 L 7.968 18.576 C 8.229 18.743 8.563 18.743 8.824 18.576 L 14.794 15.128 L 14.794 17.388 C 14.794 17.578 14.724 17.721 14.557 17.816 L 10.014 20.432 C 9.395 20.789 8.658 20.956 7.897 20.956 Z M 13.796 23.785 C 16.622 23.785 19.057 21.797 19.623 19.029 C 22.287 18.339 24 15.841 24 13.296 C 24 11.631 23.286 10.014 22.002 8.848 C 22.121 8.348 22.192 7.849 22.192 7.35 C 22.192 3.949 19.433 1.403 16.246 1.403 C 15.604 1.403 14.986 1.499 14.366 1.713 C 13.256 0.62 11.763 0.006 10.205 0 C 7.379 0 4.943 1.988 4.378 4.757 C 1.713 5.447 0 7.945 0 10.49 C 0 12.155 0.714 13.772 1.998 14.938 C 1.879 15.438 1.808 15.937 1.808 16.436 C 1.808 19.837 4.567 22.382 7.754 22.382 C 8.396 22.382 9.014 22.287 9.634 22.073 C 10.744 23.166 12.238 23.781 13.796 23.786 Z" fill="rgb(0, 0, 0)" height="23.786000006501293px" id="w0DidnC2N" transform="translate(0 0.107)" width="24px"/></svg>)
