Xbox Web Experiences
Designed landing pages and web experiences that promoted Xbox programs, tools, and resources for game developers. The work focused on creating clear, engaging experiences that helped communicate complex information to a technical audience.
UX/UI Design
Project Overview
Client: Xbox
Industry: Gaming
Platform: Web
Role: UX/UI Designer
The Challenge
Presenting developer-focused content in a way that was both informative and accessible while aligning with Xbox brand standards and business objectives.
My Contributions
Designed landing pages for developer programs and platform tools.
Created user-centered layouts and information architecture.
Developed UI solutions that improved content discoverability and readability.
Collaborated on content strategy and copy refinement with AI-assisted workflows.
Worked closely with stakeholders to balance user needs, business goals, and technical requirements.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg"><path d="M 13.554 4.121 L 14.357 3.56 L 14.357 1.832 L 9.305 0 L 0 6.505 L 0 8.231 L 0.801 8.522 L 0 9.082 L 0 11.948 L 8.645 15.093 L 18 11.695 L 18 5.736 Z M 9.396 0.684 L 13.392 2.133 L 4.958 8.029 L 0.965 6.578 Z M 0.613 7.102 L 4.696 8.586 L 4.696 9.287 L 0.613 7.803 Z M 8.339 14.33 L 0.613 11.52 L 0.613 9.679 L 8.339 12.49 Z M 8.6 11.933 L 0.965 9.155 L 1.505 8.778 L 5.048 10.066 L 12.941 4.55 L 17.035 6.037 Z" fill="rgb(115, 91, 204)" height="15.093399999999999px" id="TcVBdGAML" transform="translate(3.5 1)" width="18px"/><path d="M 1.103 0.086 C 1.136 0.109 1.162 0.135 1.182 0.164 C 1.284 0.313 1.209 0.528 0.982 0.686 C 0.711 0.876 0.327 0.914 0.123 0.772 C 0.09 0.749 0.064 0.722 0.044 0.694 C -0.057 0.545 0.018 0.33 0.245 0.171 C 0.516 -0.018 0.9 -0.056 1.103 0.086 Z" fill="rgb(115, 91, 205)" height="1px" id="XB9sHV6XO" transform="translate(13.038 10.299)" width="1.2268513404660126px"/><path d="M 1.103 0.086 C 1.136 0.109 1.162 0.135 1.182 0.164 C 1.284 0.313 1.209 0.528 0.982 0.686 C 0.711 0.876 0.326 0.914 0.123 0.772 C 0.09 0.749 0.064 0.722 0.045 0.694 C -0.057 0.545 0.018 0.33 0.245 0.171 C 0.515 -0.018 0.9 -0.056 1.103 0.086 Z" fill="rgb(115, 91, 205)" height="1px" id="L22u6owDv" transform="translate(11.631 9.787)" width="1.2266147736854904px"/><path d="M 1.104 0.086 C 1.136 0.109 1.163 0.135 1.182 0.164 C 1.284 0.313 1.209 0.528 0.982 0.686 C 0.711 0.876 0.327 0.914 0.123 0.772 C 0.09 0.749 0.064 0.722 0.045 0.694 C -0.057 0.545 0.018 0.33 0.245 0.171 C 0.516 -0.018 0.9 -0.056 1.104 0.086 Z" fill="rgb(115, 91, 205)" height="1px" id="f0gDmi85_" transform="translate(14.265 9.441)" width="1.2269392586073167px"/><path d="M 1.104 0.086 C 1.137 0.109 1.163 0.135 1.182 0.164 C 1.284 0.313 1.209 0.528 0.982 0.686 C 0.711 0.876 0.327 0.914 0.123 0.772 C 0.09 0.749 0.064 0.722 0.045 0.693 C -0.057 0.544 0.018 0.33 0.245 0.171 C 0.516 -0.018 0.9 -0.056 1.104 0.086 Z" fill="rgb(115, 91, 205)" height="1px" id="XRmJgJI3i" transform="translate(12.858 8.93)" width="1.2269392586073025px"/><path d="M 1.104 0.086 C 1.137 0.109 1.163 0.135 1.182 0.164 C 1.284 0.313 1.209 0.528 0.982 0.686 C 0.711 0.876 0.327 0.914 0.123 0.772 C 0.091 0.749 0.064 0.722 0.045 0.694 C -0.057 0.545 0.018 0.33 0.245 0.171 C 0.516 -0.018 0.9 -0.056 1.104 0.086 Z" fill="rgb(115, 91, 205)" height="1px" id="wsCLkGZ6y" transform="translate(15.492 8.583)" width="1.2268689103426667px"/><path d="M 1.104 0.086 C 1.136 0.109 1.163 0.135 1.182 0.164 C 1.284 0.313 1.209 0.528 0.982 0.687 C 0.711 0.876 0.327 0.914 0.123 0.772 C 0.09 0.749 0.064 0.722 0.045 0.694 C -0.057 0.545 0.018 0.33 0.245 0.171 C 0.516 -0.018 0.9 -0.056 1.104 0.086 Z" fill="rgb(115, 91, 205)" height="1px" id="UqTGtjMla" transform="translate(14.085 8.072)" width="1.2269055199070777px"/><path d="M 1.104 0.086 C 1.137 0.109 1.163 0.135 1.182 0.164 C 1.284 0.313 1.209 0.528 0.982 0.686 C 0.711 0.876 0.327 0.914 0.123 0.772 C 0.09 0.749 0.064 0.722 0.045 0.694 C -0.057 0.545 0.018 0.33 0.245 0.171 C 0.516 -0.018 0.9 -0.056 1.104 0.086 Z" fill="rgb(115, 91, 205)" height="1px" id="RaGfd1gJR" transform="translate(16.719 7.726)" width="1.2268147736854758px"/><path d="M 1.104 0.086 C 1.137 0.109 1.163 0.135 1.182 0.164 C 1.284 0.313 1.209 0.528 0.982 0.687 C 0.711 0.876 0.327 0.914 0.123 0.772 C 0.09 0.749 0.064 0.722 0.045 0.694 C -0.057 0.545 0.018 0.33 0.245 0.171 C 0.516 -0.018 0.9 -0.056 1.104 0.086 Z" fill="rgb(115, 91, 205)" height="1px" id="gI39y_TTg" transform="translate(15.311 7.214)" width="1.22674442542084px"/><path d="M 1.104 0.086 C 1.136 0.109 1.163 0.135 1.182 0.164 C 1.284 0.313 1.209 0.528 0.982 0.687 C 0.711 0.876 0.327 0.914 0.123 0.772 C 0.09 0.749 0.064 0.722 0.044 0.694 C -0.057 0.545 0.018 0.33 0.245 0.171 C 0.516 -0.018 0.9 -0.056 1.104 0.086 Z" fill="rgb(115, 91, 205)" height="1px" id="B6pvGR_Wl" transform="translate(17.946 6.868)" width="1.2268147736854758px"/><path d="M 1.104 0.086 C 1.136 0.109 1.163 0.135 1.182 0.164 C 1.284 0.313 1.209 0.528 0.982 0.686 C 0.711 0.876 0.327 0.914 0.123 0.772 C 0.09 0.749 0.064 0.722 0.045 0.694 C -0.057 0.545 0.018 0.33 0.245 0.171 C 0.516 -0.018 0.9 -0.056 1.104 0.086 Z" fill="rgb(115, 91, 205)" height="1px" id="bbeGa4AZ4" transform="translate(16.538 6.357)" width="1.2268147736854687px"/><path d="M 2.917 0.02 C 2.566 0.148 2.205 0.26 1.867 0.419 C 1.367 0.654 0.921 1.047 0.576 1.474 C 0.262 1.863 -0.006 2.338 0 2.852 C 0.006 3.389 0.4 3.737 0.865 3.925 C 1.522 4.191 2.353 4.166 3.045 4.112 C 3.825 4.051 4.592 3.871 5.304 3.546 C 6.661 2.924 8.101 2.211 9.628 2.175 C 9.927 2.168 10.389 2.207 10.537 2.424 C 10.705 2.671 10.516 2.887 10.263 3.014 C 9.857 3.219 9.408 3.321 9.009 3.548 C 8.488 3.844 8.139 4.325 7.991 4.902 C 7.893 5.285 8.484 5.447 8.582 5.065 C 8.858 3.99 9.866 3.95 10.688 3.481 C 11.4 3.075 11.355 2.058 10.602 1.728 C 10.181 1.542 9.702 1.542 9.251 1.585 C 8.571 1.651 7.906 1.833 7.26 2.052 C 6.417 2.337 5.642 2.755 4.822 3.092 C 4.081 3.396 3.267 3.515 2.471 3.525 C 1.936 3.532 1.115 3.546 0.716 3.123 C 0.439 2.831 0.734 2.318 0.904 2.056 C 1.188 1.618 1.612 1.257 2.066 1.004 C 2.381 0.829 2.742 0.733 3.08 0.61 C 3.448 0.476 3.289 -0.116 2.917 0.02 Z" fill="rgb(212, 202, 255)" height="5.282784710833035px" id="jfAGWIIWN" transform="translate(7.811 13.717)" width="11.195729794649612px"/></svg>)