︎
Work
About
<div grid-row="" grid-pad="1.5" grid-gutter="3" grid-responsive=""> <div grid-col="x12" grid-pad="1.5"><br><br><br> <br><br><br> <br> </div> </div><div grid-row="" grid-pad="1.5" grid-gutter="3" grid-responsive=""> <div grid-col="7" grid-pad="1.5"> <h1>I’m a passionate digital designer with a decade of experience specializing in Brand Identity and UX/UI design. My focus is on crafting user-centric digital experiences that foster genuine connections between brands and their audiences.</h1><br><br> <br> <br></div> <div grid-col="5" grid-pad="1.5"> <br> </div> </div><div grid-col="x12" grid-pad="1.5"></div><div grid-row="" grid-pad="1" grid-gutter="2" grid-responsive=""><div grid-col="x12" grid-pad="1" class=""><h1>Selected Projects</h1></div></div><br> <div grid-row="" grid-pad="1" grid-gutter="2" grid-responsive=""> <div grid-col="x11" grid-pad="1" class=""> <a href="Lisa-Corti" rel="history" class="image-link"><img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/46215dd7cbb6905658b380ac24bab847398ffce8a9f40db1185727e1a031c53a/LC_Cover-Image6.jpg" data-mid="219826281" border="0" /></a><br> <h1></h1><h1><a href="Lisa-Corti" rel="history">Lisa Corti </a></h1><br>Brand Identity and E-commerce redesign for an established fashion brand.<br> <br> </div> <div grid-col="x11" grid-pad="1" class=""> <a href="Cigognola" rel="history"></a><img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/1b07497c305dafe39f6fbb59d24cdf606b4ebb26ab4f3d32aea79175aaa4b821/SG_Cover-Image1.jpg" data-mid="219826320" border="0" /><br><h1>Statistic Golf</h1><br> Brand Identity for an elite sport Mobile App.<br> <br> <br> </div> </div> <div grid-col="x12" grid-pad="1" class=""><br> </div> <div grid-row="" grid-pad="2" grid-gutter="4" grid-responsive=""> <div grid-col="x10" grid-pad="2"><a href="Redemption" rel="history"></a> <a href="Vanity-Fair-Green" rel="history" class="image-link"><img width="1200" height="1200" width_o="1200" height_o="1200" data-src="https://freight.cargo.site/t/original/i/e1c22de49f674efb3f57dd7e39465213d23ad213d462ad79ef98f83a100f721f/Share-IMG.png" data-mid="219826333" border="0" /></a><br><h1></h1><h1><a href="Vanity-Fair-Green" rel="history">Vanity Fair Green</a> </h1><br> UX/UI Design and illustration of an interactive digital experience.<br> <br> <br> </div> <div grid-col="x10" grid-pad="2"><a href="Stone" rel="history" class="image-link"><img width="1080" height="1080" width_o="1080" height_o="1080" data-src="https://freight.cargo.site/t/original/i/3caef8fed9b57f4dd7175c8051d7b355f160242e4a6e2de5375b3c132d99b900/Stone_Cover-Image.jpg" data-mid="219826359" border="0" /></a><br><h1></h1><h1><a href="patent-starters" rel="history">Stone</a></h1><br>Brand Identity and UI Design for a coffee machine.<br> <br> <br> </div> <div grid-col="x10" grid-pad="2"><a href="Limonta-1893-1" rel="history" class="image-link"><img width="2000" height="2001" width_o="2000" height_o="2001" data-src="https://freight.cargo.site/t/original/i/518831833a8893c37930b6ad25d28e911779fa232717ab8aa337116f29a8a6b4/Limonta-logo.jpg" data-mid="219821641" border="0" /></a><br><h1><a href="Limonta-1893-1" rel="history">Limonta 1893</a></h1><br> Brand Identity and Website Redesign for a textile company. <br> <br> <br> </div> </div><div grid-row="" grid-pad="1" grid-gutter="2" grid-responsive=""> <div grid-col="x12" grid-pad="1" class=""> <br> <br> <h1>Other Projects<br></h1></div> </div><div grid-row="" grid-pad="1.5" grid-gutter="3"> <div grid-col="5" grid-pad="1.5"><b>Studio Svetle </b><hr><b>Falken Mobile App <br></b><hr><b>Falken Dashboard <br> </b><hr><b>CarX<br> </b><hr><b>Clarissa Bevilacqua<br> </b><hr><b>Notomia <br> </b><hr><b>Equine </b><hr><b><a href="36daysoftype" rel="history">︎36daysoftype</a> </b><hr><b><a href="Up2You-Climate-Ninjas" rel="history">︎Climate Ninjas</a> </b><hr><b><a href="PlaNet-Up2You" rel="history">︎Planet by Up2You</a> <br></b><hr><b>Plant </b><hr><b><a href="Limonta-Interiors" rel="history">︎Limonta Interiors</a> </b><hr><b><a href="Redemption" rel="history">︎Redemption</a> </b><hr><b><a href="Cigognola" rel="history">︎Cigognola</a> </b><hr><b><a href="C-est-la-V" rel="history">︎CestlaV</a> </b><hr><b><a href="Without-Production" rel="history">︎Without Production</a> </b><hr><b><a href="patent-starters" rel="history">︎Patent Starters </a> </b><hr><b><a href="Astoria" rel="history">︎Astoria</a> </b><hr><b><a href="Marta-Ferri" rel="history">︎Marta Ferri</a> </b><hr><b><a href="Vanity-Fair-Stories" rel="history">︎Vanity Fair Stories</a> <br></b> <hr> <br> </div> <div grid-col="7" grid-pad="1.5">Art Direction, Web Design<hr>UX/UI Design, Mobile App<hr>UX/UI Design, Dashboard<hr>Brand Identity<hr>Art Direction, Event <br> <hr>Presentation Design<br> <hr>Art Direction<br> <hr>Type Design<br> <hr>Illustration<br><hr>UX/UI Design <br><hr>UX/UI Design <br><hr>UX/UI Design <br><hr>UX/UI Design, E-commerce <br><hr>UX/UI Design <br><hr>Brand Identity, UX/UI Design <br> <hr>Brand Identity, UX/UI Design<br> <hr>Illustration<br> <hr>Logo Design<br> <hr>Portfolio<br><hr>UX/UI Design<br> <hr><br> </div> </div><br><div grid-row="" grid-pad="1.5" grid-gutter="3" grid-responsive=""> <div grid-col="x12" grid-pad="1.5"></div> </div><br><br><br> <br><div grid-row="" grid-pad="1.5" grid-gutter="3" grid-responsive=""> <div grid-col="5" grid-pad="1.5"><img width="1024" height="1372" width_o="1024" height_o="1372" data-src="https://freight.cargo.site/t/original/i/b4fc7bb6185a4d9cfe422158e476b884a1b24b5ed81c7173d34b976ec4d256ac/IMG_3232.jpg" data-mid="219824901" border="0" data-scale="94"/></div> <div grid-col="7" grid-pad="1.5"><h1>I believe design can solve complex problems, create stronger connections between people and build a better world. <br></h1><br> <hr><h1><br> Have a new project in mind? Let’s talk.</h1> <br><h1>margherita.perugini@gmail.com<br></h1><br> <hr><br> <small>SOCIAL MEDIA</small><br> <a href="https://www.linkedin.com/in/margherita-perugini/" target="_blank">Linkedin</a> ︎︎︎<br><a href="https://hypershoot.com/@margini" target="_blank">Hypershoot </a>︎︎︎<br><a href="https://dribbble.com/margherita_perugini" target="_blank">Dribble</a>︎︎︎<br> <a href="https://www.instagram.com/marghe.png/" target="_blank">Instagram</a>︎︎︎<br> <a href="https://open.spotify.com/user/1182663873?si=7db0751f962046b5" target="_blank">Spotify</a>︎︎︎<br> </div> </div><br> <br> <br></projectcontent> </div> </bodycopy> </div> <div class="page_background"></div> <style class="local-css" data-target="36810857"> [local-style="36810857"] .container_width { } [local-style="36810857"] body { background-color: initial /*!variable_defaults*/; } [local-style="36810857"] .backdrop { } [local-style="36810857"] .page { min-height: 100vh /*!page_height_100vh*/; } [local-style="36810857"] .page_background { background-color: initial /*!page_container_bgcolor*/; } [local-style="36810857"] .content_padding { } [data-predefined-style="true"] [local-style="36810857"] bodycopy { } [data-predefined-style="true"] [local-style="36810857"] bodycopy a { } [data-predefined-style="true"] [local-style="36810857"] bodycopy a:hover { } [data-predefined-style="true"] [local-style="36810857"] h1 { } [data-predefined-style="true"] [local-style="36810857"] h1 a { } [data-predefined-style="true"] [local-style="36810857"] h1 a:hover { } [data-predefined-style="true"] [local-style="36810857"] h2 { } [data-predefined-style="true"] [local-style="36810857"] h2 a { } [data-predefined-style="true"] [local-style="36810857"] h2 a:hover { } [data-predefined-style="true"] [local-style="36810857"] small { } [data-predefined-style="true"] [local-style="36810857"] small a { } [data-predefined-style="true"] [local-style="36810857"] small a:hover { } </style> <div data-backdrop="gradient" class="backdrop" data-view="Backdrop" data-id="36810857"> <script type="text/json" data-set="backdrop_data">{"id":6434891,"site_id":36572,"page_id":36810857,"backdrop_id":2,"backdrop_path":"gradient","is_active":true,"data":{"color_one":"#f7fc63","color_one_active":true,"color_two":"rgba(255, 255, 255, 1)","color_two_active":true,"color_three":"rgba(255, 255, 255, 1)","color_three_active":true,"gradient_type":"linear","direction":360,"radialposx":50,"radialposy":50,"smoothness":100,"scale":100,"repeat":false,"fill_type":"fill_window","blend":"multiply","backdrop_viewport_lock":true,"col_one_r":"247","col_one_g":"252","col_one_b":"99","col_one_a":"1","col_two_r":"255","col_two_g":"255","col_two_b":"255","col_two_a":"1","col_three_r":"255","col_three_g":"255","col_three_b":"255","col_three_a":"1","requires_webgl":"false"}}</script> </div> </div> </div> <div data-autopaginate></div><div data-view="Thumbnail" data-set="GlobalThumbnails" class="thumbnails"> <div class="container thumbnails_width clearfix"> <div class="content content_padding"> <div class="thumbnails"> </div> </div> </div></div> </div> <div data-view="pinned_bottom" data-set="Scaffolding" data-position="bottom" class="pinned pinned_bottom"> <div class="page_container overlay accommodate bottom_pin_invisibility" local-style="14951383"> <div class="page container container_width clearfix" data-container="content" data-id="14951383"> <bodycopy class="bodycopy content content_padding"> <div class="page_content clearfix" data-elementresizer data-resize-parent> <projectcontent><div grid-row="" grid-pad="1.5" grid-gutter="3"> <div grid-col="5" grid-pad="1.5" class=""><br> <br> <br> © 2024<br> </div> <div grid-col="7" grid-pad="1.5" class=""><a href="#" rel="next_page">Next project ︎︎︎</a><br><br> <br>margherita.perugini@gmail.com <br> </div> </div> </projectcontent> </div> </bodycopy> </div> <div class="page_background"></div> <style class="local-css" data-target="14951383"> [local-style="14951383"] .container_width { } [local-style="14951383"] body { } [local-style="14951383"] .backdrop { } [local-style="14951383"] .page { } [local-style="14951383"] .page_background { background-color: initial /*!page_container_bgcolor*/; } [local-style="14951383"] .content_padding { } [data-predefined-style="true"] [local-style="14951383"] bodycopy { } [data-predefined-style="true"] [local-style="14951383"] bodycopy a { border: 0; } [data-predefined-style="true"] [local-style="14951383"] h1 { } [data-predefined-style="true"] [local-style="14951383"] h1 a { } [data-predefined-style="true"] [local-style="14951383"] h2 { } [data-predefined-style="true"] [local-style="14951383"] h2 a { } [data-predefined-style="true"] [local-style="14951383"] small { } [data-predefined-style="true"] [local-style="14951383"] small a { } [data-predefined-style="true"] [local-style="14951383"] bodycopy a:hover { } [data-predefined-style="true"] [local-style="14951383"] h1 a:hover { } [data-predefined-style="true"] [local-style="14951383"] h2 a:hover { } [data-predefined-style="true"] [local-style="14951383"] small a:hover { } </style> </div> </div> </div> <div data-content-ruler class="container container_width"></div> <style id="">/* * This CSS file has been generated and is served by Cargo Collective Inc * and is authorized to be used on Cargo Collective Inc only. * * This CSS resource incorporates links to font software which is * the valuable copyrighted property of WebType LLC, The Font Bureau * and/or their suppliers. You may not * attempt to copy, install, redistribute, convert, modify or reverse * engineer this font software. Please contact WebType with any * questions: http://www.webtype.com */ @font-face { font-display: block; font-family: "Social Variable"; src: url("https://type.cargo.site/files/CargoSocialPlusVariable.woff2") format("woff2-variations"), url("https://type.cargo.site/files/CargoSocialPlusVariable.woff") format("woff"); font-style: normal; font-weight: 100 900; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Social Variable"; src: url("https://type.cargo.site/files/CargoSocialPlusVariable.woff2") format("woff2-variations"), url("https://type.cargo.site/files/CargoSocialPlusVariable.woff") format("woff"); font-style: normal; font-weight: 100 900; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Social Variable"; src: url("https://type.cargo.site/files/CargoSocialPlusVariable.woff2") format("woff2-variations"), url("https://type.cargo.site/files/CargoSocialPlusVariable.woff") format("woff"); font-style: normal; font-weight: 100 900; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Social Variable"; src: url("https://type.cargo.site/files/CargoSocialPlusVariable.woff2") format("woff2-variations"), url("https://type.cargo.site/files/CargoSocialPlusVariable.woff") format("woff"); font-style: normal; font-weight: 100 900; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Social Variable"; src: url("https://type.cargo.site/files/CargoSocialPlusVariable.woff2") format("woff2-variations"), url("https://type.cargo.site/files/CargoSocialPlusVariable.woff") format("woff"); font-style: normal; font-weight: 100 900; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Social Variable"; src: url("https://type.cargo.site/files/CargoSocialPlusVariable.woff2") format("woff2-variations"), url("https://type.cargo.site/files/CargoSocialPlusVariable.woff") format("woff"); font-style: normal; font-weight: 100 900; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Social Variable"; src: url("https://type.cargo.site/files/CargoSocialPlusVariable.woff2") format("woff2-variations"), url("https://type.cargo.site/files/CargoSocialPlusVariable.woff") format("woff"); font-style: normal; font-weight: 100 900; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Social Variable"; src: url("https://type.cargo.site/files/CargoSocialPlusVariable.woff2") format("woff2-variations"), url("https://type.cargo.site/files/CargoSocialPlusVariable.woff") format("woff"); font-style: normal; font-weight: 100 900; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Social Variable"; src: url("https://type.cargo.site/files/CargoSocialItalicPlusVariable.woff2") format("woff2-variations"), url("https://type.cargo.site/files/CargoSocialItalicPlusVariable.woff") format("woff"); font-style: italic; font-weight: 100 900; unicode-range: U+0000-DFFF, U+F900-FFFD; } /* * This CSS file has been generated and is served by Cargo Collective Inc * and is authorized to be used on Cargo Collective Inc only. * * This CSS resource incorporates links to font software which is * the valuable copyrighted property of Dinamo Typefaces. You may not * attempt to copy, install, redistribute, convert, modify or reverse * engineer this font software. Please contact Dinamo with any * questions: https://abcdinamo.com/ */ @font-face { font-display: block; font-family: "Diatype"; src: url("https://type.cargo.site/files/CargoDiatype-Thin.woff2") format("woff2"), url("https://type.cargo.site/files/CargoDiatype-Thin.woff") format("woff"); font-style: normal; font-weight: 200; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Diatype"; src: url("https://type.cargo.site/files/CargoDiatype-ThinItalic.woff2") format("woff2"), url("https://type.cargo.site/files/CargoDiatype-ThinItalic.woff") format("woff"); font-style: italic; font-weight: 200; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Diatype"; src: url("https://type.cargo.site/files/CargoDiatype-Light.woff2") format("woff2"), url("https://type.cargo.site/files/CargoDiatype-Light.woff") format("woff"); font-style: normal; font-weight: 300; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Diatype"; src: url("https://type.cargo.site/files/CargoDiatype-LightItalic.woff2") format("woff2"), url("https://type.cargo.site/files/CargoDiatype-LightItalic.woff") format("woff"); font-style: italic; font-weight: 300; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Diatype"; src: url("https://type.cargo.site/files/CargoDiatype-Regular.woff2") format("woff2"), url("https://type.cargo.site/files/CargoDiatype-Regular.woff") format("woff"); font-style: normal; font-weight: 400; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Diatype"; src: url("https://type.cargo.site/files/CargoDiatype-RegularItalic.woff2") format("woff2"), url("https://type.cargo.site/files/CargoDiatype-RegularItalic.woff") format("woff"); font-style: italic; font-weight: 400; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Diatype"; src: url("https://type.cargo.site/files/CargoDiatype-Medium.woff2") format("woff2"), url("https://type.cargo.site/files/CargoDiatype-Medium.woff") format("woff"); font-style: normal; font-weight: 500; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Diatype"; src: url("https://type.cargo.site/files/CargoDiatype-MediumItalic.woff2") format("woff2"), url("https://type.cargo.site/files/CargoDiatype-MediumItalic.woff") format("woff"); font-style: italic; font-weight: 500; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Diatype"; src: url("https://type.cargo.site/files/CargoDiatype-Bold.woff2") format("woff2"), url("https://type.cargo.site/files/CargoDiatype-Bold.woff") format("woff"); font-style: normal; font-weight: 700; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Diatype"; src: url("https://type.cargo.site/files/CargoDiatype-BoldItalic.woff2") format("woff2"), url("https://type.cargo.site/files/CargoDiatype-BoldItalic.woff") format("woff"); font-style: italic; font-weight: 700; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Neue Haas Grotesk"; src: url("https://type.cargo.site/files/NeueHaasGroteskText-Regular.woff") format("woff"); font-style: normal; font-weight: normal; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Neue Haas Grotesk"; src: url("https://type.cargo.site/files/NeueHaasGroteskText-Italic.woff") format("woff"); font-style: italic; font-weight: normal; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Neue Haas Grotesk"; src: url("https://type.cargo.site/files/NeueHaasGroteskText-Medium.woff") format("woff"); font-style: normal; font-weight: 500; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Neue Haas Grotesk"; src: url("https://type.cargo.site/files/NeueHaasGroteskText-MediumItalic.woff") format("woff"); font-style: italic; font-weight: 500; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Neue Haas Grotesk"; src: url("https://type.cargo.site/files/NeueHaasGroteskText-Bold.woff") format("woff"); font-style: normal; font-weight: bold; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Neue Haas Grotesk"; src: url("https://type.cargo.site/files/NeueHaasGroteskText-BoldItalic.woff") format("woff"); font-style: italic; font-weight: bold; unicode-range: U+0000-DFFF, U+F900-FFFD; } </style> </body> </html>
