![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><g d="M 0 0 L 32 0 L 32 16 L 0 16 Z M 32 0 L 32 4 L 0 4 L 0 0 Z M 28 4 L 28 8 L 4 8 L 4 4 Z M 22 8 L 22 12 L 10 12 L 10 8 Z M 18 12 L 18 16 L 14 16 L 14 12 Z" fill="transparent" height="16px" id="GT6_sbAUu" transform="translate(4 12)" width="32px"><path d="M 0 0 L 32 0 L 32 16 L 0 16 Z" fill="transparent" height="16px" id="TJDpXGbdd" width="32px"/><path d="M 32 0 L 32 4 L 0 4 L 0 0 Z M 28 4 L 28 8 L 4 8 L 4 4 Z M 22 8 L 22 12 L 10 12 L 10 8 Z M 18 12 L 18 16 L 14 16 L 14 12 Z" fill="rgb(0, 0, 0)" height="16px" id="okJbXslT0" width="32px"/></g></svg>)
1:42 PM
Client:
The Bridge
Date:
December 2020
Tools Used:
Figma / Miro / Teams / Notion
Overview:
Improved the UX/UI of Spotify by designing a Community feature for viewing profiles, joining concerts, and creating collaborative playlists. Extended existing UI components and created new interaction patterns aligned with Spotify’s design language.
Screenshot n°1
Screenshot n°2
Preview
Client:
The Bridge
Date:
December 2020
Tools Used:
Figma / Miro / Teams / Notion
Overview:
Improved the UX/UI of Spotify by designing a Community feature for viewing profiles, joining concerts, and creating collaborative playlists. Extended existing UI components and created new interaction patterns aligned with Spotify’s design language.
Screenshot n°1
Screenshot n°2
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 42 32" xmlns="http://www.w3.org/2000/svg"><g d="M 1.333 30.222 C 0.597 30.222 0 29.625 0 28.889 L 0 5.778 C 0 5.041 0.597 4.444 1.333 4.444 L 38.667 4.444 C 39.403 4.444 40 5.041 40 5.778 L 40 28.889 C 40 29.625 39.403 30.222 38.667 30.222 Z M 5.701 0.521 L 1.778 4.444 L 18.667 4.444 L 15.196 0.588 C 14.859 0.214 14.379 0 13.875 0 L 6.96 0 C 6.488 0 6.036 0.187 5.702 0.521 Z" fill="transparent" height="30.22222195731269px" id="OYCmppUXu" transform="translate(1 0.89)" width="40px"><path d="M 1.333 25.778 C 0.597 25.778 0 25.181 0 24.444 L 0 1.333 C 0 0.597 0.597 0 1.333 0 L 38.667 0 C 39.403 0 40 0.597 40 1.333 L 40 24.444 C 40 25.181 39.403 25.778 38.667 25.778 Z" fill="rgb(247, 248, 240)" height="25.77777777777778px" id="FXisDziGw" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="0.89" stroke="rgb(0, 0, 0)" transform="translate(0 4.444)" width="40px"/><path d="M 3.924 0.521 L 0 4.444 L 16.889 4.444 L 13.419 0.588 C 13.081 0.214 12.601 0 12.097 0 L 5.182 0 C 4.71 0 4.258 0.187 3.924 0.521 Z" fill="rgb(219, 219, 213)" height="4.444444517467773px" id="Tm0INVKQ7" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="0.89" stroke="rgb(0, 0, 0)" transform="translate(1.778 0)" width="16.888888888888886px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 17 23" xmlns="http://www.w3.org/2000/svg"><g d="M 16 16 L 15 16 L 15 17 L 16 17 Z M 4 14 L 3 14 L 3 15 L 4 15 Z M 14 14 L 13 14 L 13 15 L 14 15 Z M 15 15 L 13 15 L 13 16 L 15 16 Z M 4 15 L 2 15 L 2 16 L 4 16 Z M 2 16 L 1 16 L 1 17 L 2 17 Z M 3 17 L 1 17 L 1 18 L 3 18 Z M 4 16 L 2 16 L 2 17 L 4 17 Z M 5 14 L 4 14 L 4 16 L 5 16 Z M 13 15 L 12 15 L 12 16 L 13 16 Z M 15 16 L 13 16 L 13 17 L 15 17 Z M 16 17 L 14 17 L 14 18 L 16 18 Z M 13 21 L 11 21 L 11 22 L 13 22 Z M 13 21 L 11 21 L 11 22 L 13 22 Z M 6 21 L 4 21 L 4 22 L 6 22 Z M 2 14 L 3 14 L 3 15 L 2 15 Z M 2 14 L 3 14 L 3 15 L 2 15 Z M 3 12 L 4 12 L 4 13 L 3 13 Z M 3 12 L 4 12 L 4 13 L 3 13 Z M 3 11 L 4 11 L 4 12 L 3 12 Z M 3 11 L 4 11 L 4 12 L 3 12 Z M 1 15 L 2 15 L 2 16 L 1 16 Z M 1 15 L 2 15 L 2 16 L 1 16 Z M 4 16 L 5 16 L 5 18 L 4 18 Z M 4 16 L 5 16 L 5 18 L 4 18 Z M 3 18 L 4 18 L 4 22 L 3 22 Z M 3 18 L 4 18 L 4 22 L 3 22 Z M 4 22 L 6 22 L 6 23 L 4 23 Z M 4 22 L 6 22 L 6 23 L 4 23 Z M 6 21 L 7 21 L 7 22 L 6 22 Z M 6 21 L 7 21 L 7 22 L 6 22 Z M 4 20 L 5 20 L 5 21 L 4 21 Z M 4 20 L 5 20 L 5 21 L 4 21 Z M 12 20 L 13 20 L 13 21 L 12 21 Z M 12 20 L 13 20 L 13 21 L 12 21 Z M 7 20 L 10 20 L 10 21 L 7 21 Z M 7 20 L 10 20 L 10 21 L 7 21 Z M 10 21 L 11 21 L 11 22 L 10 22 Z M 10 21 L 11 21 L 11 22 L 10 22 Z M 11 22 L 13 22 L 13 23 L 11 23 Z M 11 22 L 13 22 L 13 23 L 11 23 Z M 13 18 L 14 18 L 14 22 L 13 22 Z M 13 18 L 14 18 L 14 22 L 13 22 Z M 12 16 L 13 16 L 13 18 L 12 18 Z M 12 16 L 13 16 L 13 18 L 12 18 Z M 15 15 L 16 15 L 16 16 L 15 16 Z M 15 15 L 16 15 L 16 16 L 15 16 Z M 14 14 L 15 14 L 15 15 L 14 15 Z M 14 14 L 15 14 L 15 15 L 14 15 Z M 12 14 L 13 14 L 13 15 L 12 15 Z M 11 14 L 12 14 L 12 15 L 11 15 Z M 11 14 L 12 14 L 12 15 L 11 15 Z M 13 12 L 14 12 L 14 13 L 13 13 Z M 13 12 L 14 12 L 14 13 L 13 13 Z M 13 13 L 14 13 L 14 14 L 13 14 Z M 13 13 L 14 13 L 14 14 L 13 14 Z M 1 16 L 0 16 L 0 18 L 1 18 Z M 3 18 L 1 18 L 1 19 L 3 19 Z M 16 18 L 14 18 L 14 19 L 16 19 Z M 17 18 L 17 16 L 16 16 L 16 18 Z M 5 20 L 7 20 L 7 21 L 5 21 Z M 10 20 L 12 20 L 12 21 L 10 21 Z M 4 19 L 13 19 L 13 20 L 4 20 Z M 4 18 L 5 18 L 5 19 L 4 19 Z M 12 18 L 13 18 L 13 19 L 12 19 Z M 11 18 L 12 18 L 12 19 L 11 19 Z M 5 18 L 6 18 L 6 19 L 5 19 Z M 3 17 L 4 17 L 4 18 L 3 18 Z M 13 17 L 14 17 L 14 18 L 13 18 Z M 5 16 L 6 16 L 6 18 L 5 18 Z M 5 15 L 6 15 L 6 16 L 5 16 Z M 5 14 L 6 14 L 6 15 L 5 15 Z M 5 14 L 6 14 L 6 15 L 5 15 Z M 11 15 L 12 15 L 12 16 L 11 16 Z M 10 14 L 11 14 L 11 16 L 10 16 Z M 6 14 L 7 14 L 7 16 L 6 16 Z M 6 17 L 7 17 L 7 19 L 6 19 Z M 7 17 L 10 17 L 10 18 L 7 18 Z M 7 18 L 10 18 L 10 19 L 7 19 Z M 10 18 L 11 18 L 11 19 L 10 19 Z M 6 16 L 11 16 L 11 17 L 6 17 Z M 11 16 L 12 16 L 12 18 L 11 18 Z M 10 17 L 11 17 L 11 18 L 10 18 Z M 6 4 L 7 4 L 7 5 L 6 5 Z M 4 2 L 5 2 L 5 4 L 4 4 Z M 10 4 L 11 4 L 11 5 L 10 5 Z M 8 5 L 9 5 L 9 6 L 8 6 Z M 11 2 L 12 2 L 12 4 L 11 4 Z M 5 2 L 6 2 L 6 5 L 5 5 Z M 1 6 L 2 6 L 2 7 L 1 7 Z M 2 4 L 3 4 L 3 6 L 2 6 Z M 5 5 L 7 5 L 7 7 L 5 7 Z M 6 1 L 7 1 L 7 4 L 6 4 Z M 7 1 L 8 1 L 8 2 L 7 2 Z M 11 4 L 14 4 L 14 6 L 11 6 Z M 10 3 L 11 3 L 11 4 L 10 4 Z M 10 2 L 11 2 L 11 3 L 10 3 Z M 8 1 L 9 1 L 9 2 L 8 2 Z M 9 2 L 10 2 L 10 3 L 9 3 Z M 7 2 L 8 2 L 8 3 L 7 3 Z M 8 4 L 9 4 L 9 5 L 8 5 Z M 10 5 L 11 5 L 11 6 L 10 6 Z M 10 8 L 12 8 L 12 10 L 10 10 Z M 12 8 L 14 8 L 14 9 L 12 9 Z M 3 2 L 4 2 L 4 5 L 3 5 Z M 10 5 L 15 5 L 15 7 L 10 7 Z M 8 6 L 9 6 L 9 7 L 8 7 Z M 1 7 L 2 7 L 2 8 L 1 8 Z M 12 2 L 13 2 L 13 4 L 12 4 Z M 13 3 L 14 3 L 14 4 L 13 4 Z M 13 2 L 14 2 L 14 3 L 13 3 Z M 10 7 L 14 7 L 14 8 L 10 8 Z M 9 3 L 10 3 L 10 9 L 9 9 Z M 7 6 L 8 6 L 8 9 L 7 9 Z M 6 7 L 7 7 L 7 9 L 6 9 Z M 5 9 L 7 9 L 7 10 L 5 10 Z M 5 8 L 6 8 L 6 9 L 5 9 Z M 5 7 L 6 7 L 6 8 L 5 8 Z M 4 4 L 5 4 L 5 8 L 4 8 Z M 7 3 L 8 3 L 8 5 L 7 5 Z M 3 6 L 4 6 L 4 9 L 3 9 Z M 2 4 L 2 2 L 3 2 L 3 4 Z M 14 4 L 14 3 L 15 3 L 15 4 Z M 14 5 L 14 4 L 15 4 L 15 5 Z M 1 6 L 1 4 L 2 4 L 2 6 Z M 15 11 L 15 9 L 16 9 L 16 11 Z M 0 9 L 0 7 L 1 7 L 1 9 Z M 0 9 L 2 9 L 2 10 L 0 10 Z M 1 10 L 2 10 L 2 11 L 1 11 Z M 15 6 L 15 5 L 16 5 L 16 6 Z M 15 9 L 15 6 L 16 6 L 16 9 Z M 0 7 L 0 6 L 1 6 L 1 7 Z M 2 12 L 2 11 L 3 11 L 3 12 Z M 14 12 L 14 11 L 15 11 L 15 12 Z M 13 12 L 13 11 L 14 11 L 14 12 Z M 8 4 L 9 4 L 9 5 L 8 5 Z M 3 1 L 4 1 L 4 2 L 3 2 Z M 6 0 L 9 0 L 9 1 L 6 1 Z M 5 0 L 6 0 L 6 1 L 5 1 Z M 11 1 L 13 1 L 13 2 L 11 2 Z M 9 1 L 10 1 L 10 2 L 9 2 Z M 7 3 L 10 3 L 10 4 L 7 4 Z M 8 2 L 9 2 L 9 3 L 8 3 Z M 4 1 L 6 1 L 6 2 L 4 2 Z M 2 8 L 2 7 L 3 7 L 3 8 Z M 2 7 L 2 6 L 3 6 L 3 7 Z M 1 8 L 3 8 L 3 9 L 1 9 Z M 3 6 L 3 5 L 4 5 L 4 6 Z M 3 9 L 5 9 L 5 10 L 3 10 Z M 3 11 L 3 10 L 4 10 L 4 11 Z M 2 11 L 2 9 L 3 9 L 3 11 Z M 5 14 L 5 13 L 10 13 L 10 14 Z M 7 15 L 7 14 L 10 14 L 10 15 Z M 3 14 L 3 13 L 5 13 L 5 14 Z M 12 14 L 12 13 L 13 13 L 13 14 Z M 11 14 L 11 13 L 12 13 L 12 14 Z M 10 14 L 10 13 L 11 13 L 11 14 Z M 7 16 L 7 15 L 10 15 L 10 16 Z M 14 8 L 15 8 L 15 9 L 14 9 Z M 14 8 L 14 7 L 15 7 L 15 8 Z M 4 11 L 4 10 L 14 10 L 14 11 Z M 14 11 L 14 9 L 15 9 L 15 11 Z M 4 13 L 4 11 L 13 11 L 13 13 Z M 12 10 L 12 9 L 14 9 L 14 10 Z M 8 8 L 8 7 L 9 7 L 9 8 Z M 8 9 L 8 8 L 9 8 L 9 9 Z M 7 10 L 7 9 L 10 9 L 10 10 Z M 4 9 L 4 8 L 5 8 L 5 9 Z M 7 6 L 7 5 L 8 5 L 8 6 Z" fill="transparent" height="23px" id="kALKgpTdH" width="17px"><path d="M 15 2 L 14 2 L 14 3 L 15 3 Z M 3 0 L 2 0 L 2 1 L 3 1 Z M 13 0 L 12 0 L 12 1 L 13 1 Z M 14 1 L 12 1 L 12 2 L 14 2 Z M 3 1 L 1 1 L 1 2 L 3 2 Z M 1 2 L 0 2 L 0 3 L 1 3 Z" fill="rgb(248, 208, 184)" height="3px" id="fB1bo62As" transform="translate(1 14)" width="15px"/><path d="M 2 3 L 0 3 L 0 4 L 2 4 Z M 3 2 L 1 2 L 1 3 L 3 3 Z M 4 0 L 3 0 L 3 2 L 4 2 Z M 12 1 L 11 1 L 11 2 L 12 2 Z M 14 2 L 12 2 L 12 3 L 14 3 Z M 15 3 L 13 3 L 13 4 L 15 4 Z M 12 7 L 10 7 L 10 8 L 12 8 Z" fill="rgb(216, 152, 112)" height="8px" id="rlJZoPmc6" transform="translate(1 14)" width="15px"/><path d="M 9 0 L 7 0 L 7 1 L 9 1 Z M 2 0 L 0 0 L 0 1 L 2 1 Z" fill="rgb(56, 56, 56)" height="1px" id="L6Um_WQV_" transform="translate(4 21)" width="9px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgb(0, 0, 0)" height="1px" id="yLH_umt1I" transform="translate(2 14)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgba(0, 0, 0, 0.2)" height="1px" id="hdV36oMsT" transform="translate(2 14)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgb(0, 0, 0)" height="1px" id="cAzrkrtf0" transform="translate(3 12)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgba(0, 0, 0, 0.2)" height="1px" id="ji27U1SIj" transform="translate(3 12)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgb(0, 0, 0)" height="1px" id="B97SUuYEf" transform="translate(3 11)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgba(0, 0, 0, 0.2)" height="1px" id="mPxBvCAo0" transform="translate(3 11)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgb(0, 0, 0)" height="1px" id="Ckop4wS_9" transform="translate(1 15)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgba(0, 0, 0, 0.2)" height="1px" id="HJoNp9VkI" transform="translate(1 15)" width="1px"/><path d="M 0 0 L 1 0 L 1 2 L 0 2 Z" fill="rgb(0, 0, 0)" height="2px" id="d4QUei_Iw" transform="translate(4 16)" width="1px"/><path d="M 0 0 L 1 0 L 1 2 L 0 2 Z" fill="rgba(0, 0, 0, 0.2)" height="2px" id="WP9JpRSCG" transform="translate(4 16)" width="1px"/><path d="M 0 0 L 1 0 L 1 4 L 0 4 Z" fill="rgb(0, 0, 0)" height="4px" id="b2JEtjcbV" transform="translate(3 18)" width="1px"/><path d="M 0 0 L 1 0 L 1 4 L 0 4 Z" fill="rgba(0, 0, 0, 0.2)" height="4px" id="Kvvjyfuta" transform="translate(3 18)" width="1px"/><path d="M 0 0 L 2 0 L 2 1 L 0 1 Z" fill="rgb(0, 0, 0)" height="1px" id="NI1eLtRLs" transform="translate(4 22)" width="2px"/><path d="M 0 0 L 2 0 L 2 1 L 0 1 Z" fill="rgba(0, 0, 0, 0.2)" height="1px" id="JqkbyisSv" transform="translate(4 22)" width="2px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgb(0, 0, 0)" height="1px" id="bbXEaafrW" transform="translate(6 21)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgba(0, 0, 0, 0.2)" height="1px" id="c5GEUnVCx" transform="translate(6 21)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgb(0, 0, 0)" height="1px" id="nBihkcJSa" transform="translate(4 20)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgba(0, 0, 0, 0.2)" height="1px" id="g60XU5Xi8" transform="translate(4 20)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgb(0, 0, 0)" height="1px" id="jnHe7F92H" transform="translate(12 20)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgba(0, 0, 0, 0.2)" height="1px" id="moXqM6Lsi" transform="translate(12 20)" width="1px"/><path d="M 0 0 L 3 0 L 3 1 L 0 1 Z" fill="rgb(0, 0, 0)" height="1px" id="sdd11WQ_t" transform="translate(7 20)" width="3px"/><path d="M 0 0 L 3 0 L 3 1 L 0 1 Z" fill="rgba(0, 0, 0, 0.2)" height="1px" id="hnXj1GZbh" transform="translate(7 20)" width="3px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgb(0, 0, 0)" height="1px" id="ns257ITn2" transform="translate(10 21)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgba(0, 0, 0, 0.2)" height="1px" id="R6lFmZZjF" transform="translate(10 21)" width="1px"/><path d="M 0 0 L 2 0 L 2 1 L 0 1 Z" fill="rgb(0, 0, 0)" height="1px" id="yfofzHeYu" transform="translate(11 22)" width="2px"/><path d="M 0 0 L 2 0 L 2 1 L 0 1 Z" fill="rgba(0, 0, 0, 0.2)" height="1px" id="xqsqWDBP0" transform="translate(11 22)" width="2px"/><path d="M 0 0 L 1 0 L 1 4 L 0 4 Z" fill="rgb(0, 0, 0)" height="4px" id="WTbrgesS8" transform="translate(13 18)" width="1px"/><path d="M 0 0 L 1 0 L 1 4 L 0 4 Z" fill="rgba(0, 0, 0, 0.2)" height="4px" id="HT2UhzLwY" transform="translate(13 18)" width="1px"/><path d="M 0 0 L 1 0 L 1 2 L 0 2 Z" fill="rgb(0, 0, 0)" height="2px" id="EoA0b8eP2" transform="translate(12 16)" width="1px"/><path d="M 0 0 L 1 0 L 1 2 L 0 2 Z" fill="rgba(0, 0, 0, 0.2)" height="2px" id="GXLGhLSya" transform="translate(12 16)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgb(0, 0, 0)" height="1px" id="vQzTBKL3E" transform="translate(15 15)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgba(0, 0, 0, 0.2)" height="1px" id="wSlF1ob6k" transform="translate(15 15)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgb(0, 0, 0)" height="1px" id="e0Op8B2uN" transform="translate(14 14)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgba(0, 0, 0, 0.2)" height="1px" id="rfCNxwCrp" transform="translate(14 14)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgb(216, 160, 120)" height="1px" id="sRoYGM0ot" transform="translate(12 14)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgb(0, 0, 0)" height="1px" id="hH6LSqENF" transform="translate(11 14)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgba(0, 0, 0, 0.2)" height="1px" id="XpL3T7bcT" transform="translate(11 14)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgb(0, 0, 0)" height="1px" id="v9M_FMyhg" transform="translate(13 12)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgba(0, 0, 0, 0.2)" height="1px" id="xeG4aZmYK" transform="translate(13 12)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgb(0, 0, 0)" height="1px" id="QCxCXciPp" transform="translate(13 13)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgba(0, 0, 0, 0.2)" height="1px" id="XzCJbInhj" transform="translate(13 13)" width="1px"/><path d="M 1 0 L 0 0 L 0 2 L 1 2 Z M 3 2 L 1 2 L 1 3 L 3 3 Z M 16 2 L 14 2 L 14 3 L 16 3 Z M 17 2 L 17 0 L 16 0 L 16 2 Z" fill="rgb(120, 64, 64)" height="3px" id="y5nKvXMVV" transform="translate(0 16)" width="17px"/><path d="M 0 0 L 2 0 L 2 1 L 0 1 Z M 5 0 L 7 0 L 7 1 L 5 1 Z" fill="rgb(88, 96, 72)" height="1px" id="e7KHgr6jz" transform="translate(5 20)" width="7px"/><path d="M 0 1 L 9 1 L 9 2 L 0 2 Z M 0 0 L 1 0 L 1 1 L 0 1 Z M 8 0 L 9 0 L 9 1 L 8 1 Z" fill="rgb(152, 152, 120)" height="2px" id="JnSeourh4" transform="translate(4 18)" width="9px"/><path d="M 8 1 L 9 1 L 9 2 L 8 2 Z M 2 1 L 3 1 L 3 2 L 2 2 Z M 0 0 L 1 0 L 1 1 L 0 1 Z M 10 0 L 11 0 L 11 1 L 10 1 Z" fill="rgb(56, 56, 56)" height="2px" id="hRatAqKZq" transform="translate(3 17)" width="11px"/><path d="M 0 0 L 1 0 L 1 2 L 0 2 Z" fill="rgb(248, 248, 248)" height="2px" id="uM9dJPuhb" transform="translate(5 16)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgb(72, 72, 88)" height="1px" id="BT2cpsNe5" transform="translate(5 15)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgb(0, 0, 0)" height="1px" id="BmdImPBZR" transform="translate(5 14)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgba(0, 0, 0, 0.2)" height="1px" id="lKNtmk5aM" transform="translate(5 14)" width="1px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgb(72, 72, 88)" height="1px" id="VBG8eOKRN" transform="translate(11 15)" width="1px"/><path d="M 4 0 L 5 0 L 5 2 L 4 2 Z M 0 0 L 1 0 L 1 2 L 0 2 Z M 0 3 L 1 3 L 1 5 L 0 5 Z" fill="rgb(248, 248, 248)" height="5px" id="o15I4mMuj" transform="translate(6 14)" width="5px"/><path d="M 0 0 L 3 0 L 3 1 L 0 1 Z M 0 1 L 3 1 L 3 2 L 0 2 Z" fill="rgb(208, 208, 224)" height="2px" id="xMUWapzgX" transform="translate(7 17)" width="3px"/><path d="M 4 2 L 5 2 L 5 3 L 4 3 Z M 0 0 L 5 0 L 5 1 L 0 1 Z M 5 0 L 6 0 L 6 2 L 5 2 Z M 4 1 L 5 1 L 5 2 L 4 2 Z" fill="rgb(248, 248, 248)" height="3px" id="IWNxAPH7e" transform="translate(6 16)" width="6px"/><path d="M 5 3 L 6 3 L 6 4 L 5 4 Z M 3 1 L 4 1 L 4 3 L 3 3 Z M 9 3 L 10 3 L 10 4 L 9 4 Z M 7 4 L 8 4 L 8 5 L 7 5 Z M 10 1 L 11 1 L 11 3 L 10 3 Z M 4 1 L 5 1 L 5 4 L 4 4 Z M 0 5 L 1 5 L 1 6 L 0 6 Z M 1 3 L 2 3 L 2 5 L 1 5 Z M 4 4 L 6 4 L 6 6 L 4 6 Z M 5 0 L 6 0 L 6 3 L 5 3 Z M 6 0 L 7 0 L 7 1 L 6 1 Z M 10 3 L 13 3 L 13 5 L 10 5 Z M 9 2 L 10 2 L 10 3 L 9 3 Z" fill="rgb(80, 64, 48)" height="6px" id="Z4SKc0tCo" transform="translate(1 1)" width="13px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgb(48, 40, 32)" height="1px" id="PpxO2E1sI" transform="translate(10 2)" width="1px"/><path d="M 5 0 L 6 0 L 6 1 L 5 1 Z M 6 1 L 7 1 L 7 2 L 6 2 Z M 4 1 L 5 1 L 5 2 L 4 2 Z M 5 3 L 6 3 L 6 4 L 5 4 Z M 7 4 L 8 4 L 8 5 L 7 5 Z M 7 7 L 9 7 L 9 9 L 7 9 Z M 9 7 L 11 7 L 11 8 L 9 8 Z M 0 1 L 1 1 L 1 4 L 0 4 Z" fill="rgb(80, 64, 48)" height="9px" id="fmnlQpMpL" transform="translate(3 1)" width="11px"/><path d="M 9 3 L 14 3 L 14 5 L 9 5 Z M 7 4 L 8 4 L 8 5 L 7 5 Z M 0 5 L 1 5 L 1 6 L 0 6 Z M 11 0 L 12 0 L 12 2 L 11 2 Z M 12 1 L 13 1 L 13 2 L 12 2 Z" fill="rgb(80, 64, 48)" height="6px" id="LUx7X_wC7" transform="translate(1 2)" width="14px"/><path d="M 0 0 L 1 0 L 1 1 L 0 1 Z" fill="rgb(48, 40, 32)" height="1px" id="JDuwVWm2K" transform="translate(13 2)" width="1px"/><path d="M 7 4 L 11 4 L 11 5 L 7 5 Z M 6 0 L 7 0 L 7 6 L 6 6 Z M 4 3 L 5 3 L 5 6 L 4 6 Z M 3 4 L 4 4 L 4 6 L 3 6 Z M 2 6 L 4 6 L 4 7 L 2 7 Z M 2 5 L 3 5 L 3 6 L 2 6 Z M 2 4 L 3 4 L 3 5 L 2 5 Z M 1 1 L 2 1 L 2 5 L 1 5 Z M 4 0 L 5 0 L 5 2 L 4 2 Z M 0 3 L 1 3 L 1 6 L 0 6 Z" fill="rgb(80, 64, 48)" height="7px" id="GQ7q3tSnA" transform="translate(3 3)" width="11px"/><path d="M 0 2 L 0 0 L 1 0 L 1 2 Z" fill="rgb(0, 0, 0)" height="2px" id="QydxzPYRq" transform="translate(2 2)" width="1px"/><path d="M 0 1 L 0 0 L 1 0 L 1 1 Z" fill="rgb(48, 40, 32)" height="1px" id="vthdz8dky" transform="translate(14 3)" width="1px"/><path d="M 14 1 L 14 0 L 15 0 L 15 1 Z M 1 2 L 1 0 L 2 0 L 2 2 Z M 15 7 L 15 5 L 16 5 L 16 7 Z M 0 5 L 0 3 L 1 3 L 1 5 Z M 0 5 L 2 5 L 2 6 L 0 6 Z M 1 6 L 2 6 L 2 7 L 1 7 Z M 15 2 L 15 1 L 16 1 L 16 2 Z M 15 5 L 15 2 L 16 2 L 16 5 Z M 0 3 L 0 2 L 1 2 L 1 3 Z M 2 8 L 2 7 L 3 7 L 3 8 Z M 14 8 L 14 7 L 15 7 L 15 8 Z M 13 8 L 13 7 L 14 7 L 14 8 Z" fill="rgb(0, 0, 0)" height="8px" id="MpV8hujMm" transform="translate(0 4)" width="16px"/><path d="M 6 4 L 7 4 L 7 5 L 6 5 Z M 1 1 L 2 1 L 2 2 L 1 2 Z M 4 0 L 7 0 L 7 1 L 4 1 Z M 3 0 L 4 0 L 4 1 L 3 1 Z M 9 1 L 11 1 L 11 2 L 9 2 Z M 7 1 L 8 1 L 8 2 L 7 2 Z M 5 3 L 8 3 L 8 4 L 5 4 Z M 6 2 L 7 2 L 7 3 L 6 3 Z M 2 1 L 4 1 L 4 2 L 2 2 Z M 0 8 L 0 7 L 1 7 L 1 8 Z" fill="rgb(48, 40, 32)" height="8px" id="EsKndnNS2" transform="translate(2 0)" width="11px"/><path d="M 0 1 L 0 0 L 1 0 L 1 1 Z" fill="rgb(80, 64, 48)" height="1px" id="UV5U6AbA4" transform="translate(2 6)" width="1px"/><path d="M 0 0 L 2 0 L 2 1 L 0 1 Z" fill="rgb(48, 40, 32)" height="1px" id="zCQAb0H1a" transform="translate(1 8)" width="2px"/><path d="M 0 1 L 0 0 L 1 0 L 1 1 Z" fill="rgb(80, 64, 48)" height="1px" id="yUTfIY25V" transform="translate(3 5)" width="1px"/><path d="M 0 0 L 2 0 L 2 1 L 0 1 Z M 0 2 L 0 1 L 1 1 L 1 2 Z" fill="rgb(48, 40, 32)" height="2px" id="K27zOnrzM" transform="translate(3 9)" width="2px"/><path d="M 0 2 L 0 0 L 1 0 L 1 2 Z" fill="rgb(248, 208, 184)" height="2px" id="GdbtN5kpp" transform="translate(2 9)" width="1px"/><path d="M 0 1 L 0 0 L 5 0 L 5 1 Z" fill="rgb(48, 40, 32)" height="1px" id="fViyiFeTU" transform="translate(5 13)" width="5px"/><path d="M 4 2 L 4 1 L 7 1 L 7 2 Z M 0 1 L 0 0 L 2 0 L 2 1 Z M 9 1 L 9 0 L 10 0 L 10 1 Z" fill="rgb(0, 0, 0)" height="2px" id="aJ214FikN" transform="translate(3 13)" width="10px"/><path d="M 1 1 L 1 0 L 2 0 L 2 1 Z M 0 1 L 0 0 L 1 0 L 1 1 Z" fill="rgb(48, 40, 32)" height="1px" id="gO2R51ALi" transform="translate(10 13)" width="2px"/><path d="M 0 1 L 0 0 L 3 0 L 3 1 Z" fill="rgb(248, 248, 248)" height="1px" id="Z65pcV63P" transform="translate(7 15)" width="3px"/><path d="M 10 1 L 11 1 L 11 2 L 10 2 Z M 10 1 L 10 0 L 11 0 L 11 1 Z M 0 4 L 0 3 L 10 3 L 10 4 Z" fill="rgb(48, 40, 32)" height="4px" id="v_N2lGBMI" transform="translate(4 7)" width="11px"/><path d="M 0 2 L 0 0 L 1 0 L 1 2 Z" fill="rgb(248, 208, 184)" height="2px" id="pOt8fMlw0" transform="translate(14 9)" width="1px"/><path d="M 0 4 L 0 2 L 9 2 L 9 4 Z M 8 1 L 8 0 L 10 0 L 10 1 Z" fill="rgb(48, 40, 32)" height="4px" id="Gc1G4ZhsW" transform="translate(4 9)" width="10px"/><path d="M 4 3 L 4 2 L 5 2 L 5 3 Z M 4 4 L 4 3 L 5 3 L 5 4 Z M 3 5 L 3 4 L 6 4 L 6 5 Z M 0 4 L 0 3 L 1 3 L 1 4 Z M 3 1 L 3 0 L 4 0 L 4 1 Z" fill="rgb(80, 64, 48)" height="5px" id="IOPFNUKYR" transform="translate(4 5)" width="6px"/></g></svg>)
1:42 PM
Client:
The Bridge
Date:
December 2020
Tools Used:
Figma / Miro / Teams / Notion
Overview:
Improved the UX/UI of Spotify by designing a Community feature for viewing profiles, joining concerts, and creating collaborative playlists. Extended existing UI components and created new interaction patterns aligned with Spotify’s design language.
Preview
1:42 PM
Client:
The Bridge
Date:
December 2020
Tools Used:
Figma / Miro / Teams / Notion
Overview:
Improved the UX/UI of Spotify by designing a Community feature for viewing profiles, joining concerts, and creating collaborative playlists. Extended existing UI components and created new interaction patterns aligned with Spotify’s design language.