{"id":53463,"date":"2024-08-20T08:00:11","date_gmt":"2024-08-20T15:00:11","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=53463"},"modified":"2024-08-20T08:00:37","modified_gmt":"2024-08-20T15:00:37","slug":"art-portfolio-examples","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/art-portfolio-examples\/","title":{"rendered":"5 Art Portfolio Examples that Will Leave you Awestruck"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/Art-Portfolio-Examples-1024x512.webp\" alt=\"Art Portfolio Examples\" class=\"wp-image-54176\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/Art-Portfolio-Examples-1024x512.webp 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/Art-Portfolio-Examples-600x300.webp 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/Art-Portfolio-Examples-768x384.webp 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/Art-Portfolio-Examples.webp 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>An art portfolio is a curated collection of an artist&#8217;s best work. It promotes the artist&#8217;s work and attracts potential employers, clients, galleries, or educational institutions. Most professional artists present their portfolio in form of an artist website and today we\u2019re going to go through a couple of artist portfolios to help you build one.<\/p>\n\n\n\n<p>Website builders feel stifling? Create a custom web design with UXPin, a prototyping tool that doesn\u2019t limit your imagination. Add UI elements that you need, test your prototype with users, and easily build cross-platform, user-friendly digital products you feel proud of. To design even faster, use our Tailwind UI library and copy and paste fully coded web design sections that can be customized. <a href=\"https:\/\/www.uxpin.com\/merge\/developers\" target=\"_blank\" rel=\"noreferrer noopener\">Try UXPin Merge for free<\/a>.<\/p>\n\n\n\n<section class=\"discover-merge\">\n    <div class=\"discover-merge__container\">\n        <div class=\"discover-merge__left\">\n            <h3 class=\"discover-merge__heading\">Design UI with code-backed components.<\/h3>\n            <p class=\"discover-merge__text\">Use the same components in design as in development. Keep UI consistency at scale.<\/p>\n            <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noopener\">\n                <button class=\"discover-merge__button\">Try UXPin Merge<\/button>\n            <\/a>\n        <\/div>\n        <div>\n            <img decoding=\"async\" src=\"https:\/\/uxpin.com\/studio\/wp-content\/themes\/uxpin-juggernaut\/img\/cta-banner-merge.png\" class=\"discover-merge__image\" alt=\"\">\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n.discover-merge {\n    margin: 40px 8px;\n}\n\n.discover-merge__container {\n    display: flex;\n    max-width: 690px;\n    height: 200px;\n    padding: 20px;\n    padding-left: 24px;\n    border-radius: 4px;\n    background-color: black;\n    box-shadow: 10px 10px #9999ff;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.discover-merge__left {\n    width: 50%;\n}\n\n.discover-merge__left p {\n    margin: 10px 0px !important;\n    color: white !important;\n    font-size: 18px !important;\n}\n\n.discover-merge__heading {\n    font-weight: bold !important;\n    color: white !important;\n    font-size: 18px !important;\n}\n\n.discover-merge__text {\n    margin: 0 !important;\n    line-height: 22px !important;\n}\n\n.discover-merge__button {\n    width: 174px;\n    height: 44px;\n    margin: 10px 0px;\n    border: none;\n    border-radius: 2px;\n    background: white;\n    color: black;\n    font-size: 16px;\n    text-align: center;\n}\n\n.discover-merge__button:hover {\n    cursor: pointer;\n}\n\n.discover-merge__image {\n    max-width: 320px !important;\n    height: 200px;\n    margin-right: -19px;\n}\n\n@media (max-width: 760px) {\n    .discover-merge__container {\n        height: auto;\n        margin: 10px;\n        align-items: left;\n    }\n}\n\n@media (max-width: 500px) {\n    .discover-merge__container {\n        flex-direction: column;\n    }\n\n    .discover-merge__left {\n        width: 100%;\n        align-items: normal;\n    }\n}\n\n<\/style>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">What is an art portfolio?<\/h2>\n\n\n\n<p>An art portfolio is a collection of an artist\u2019s work that showcases their skills and style. It serves as a professional curation, often used for presenting their work to potential clients, applying for jobs or academic programs, and presenting at exhibitions or galleries.<\/p>\n\n\n\n<p>An art portfolio can be physical or digital, but in the modern context, online art portfolios are more prevalent. Most artists have their own websites that they use to post their work, stay in touch with the art world or even run an online store where people can buy their work.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">5 Art Portfolio Website Examples<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/juliaplath.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Julia Plath<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-website-1-1024x575.webp\" alt=\"art portfolio website 1\" class=\"wp-image-53517\" style=\"width:750px\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-website-1-1024x575.webp 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-website-1-534x300.webp 534w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-website-1-768x431.webp 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-website-1-1536x863.webp 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-website-1-2048x1151.webp 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Julia Plath&#8217;s online art portfolio website effectively showcases her work with a <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ui-ux-design-trends\/\" target=\"_blank\" rel=\"noreferrer noopener\">minimalist design<\/a> that emphasizes the artwork. The site excels in visual presentation and <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/what-is-design-simplicity\/\" target=\"_blank\" rel=\"noreferrer noopener\">simplicity<\/a>, making it easy for users to focus on the <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/content-inventory\/\" target=\"_blank\" rel=\"noreferrer noopener\">illustrations<\/a>, admire the artist\u2019s technical skills, and find contact information.<\/p>\n\n\n\n<p>The website is visually appealing, using a minimalist and clean design. It focuses on the artwork with a <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/what-is-negative-space-in-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">white background<\/a> that highlights the images without distraction. When it comes to <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/typography-in-web-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">typography<\/a>, simple, sans-serif fonts are used, consistent with the minimalist approach. The text is legible and complements the visual elements without overshadowing the artwork.<\/p>\n\n\n\n<p>A predominantly black-and-white color scheme ensures the artwork stands out. <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/color-schemes-for-apps\/\" target=\"_blank\" rel=\"noreferrer noopener\">Colors<\/a> used are minimal and primarily come from the art pieces themselves, drawing attention to them.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"573\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-website-2-1024x573.webp\" alt=\"art portfolio website 2\" class=\"wp-image-53520\" style=\"width:750px\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-website-2-1024x573.webp 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-website-2-536x300.webp 536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-website-2-768x430.webp 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-website-2-1536x860.webp 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-website-2-2048x1146.webp 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The website has intuitive navigation. The <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/navigation-ui\/\" target=\"_blank\" rel=\"noreferrer noopener\">menu<\/a> is clear and accessible at the top of the page, leading to sections like Home, Portfolio, About, and Contact.<\/p>\n\n\n\n<p>While the design is visually appealing, the site could improve on <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/web-accessibility-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\">accessibility<\/a> aspects. For instance, adding more descriptive alt text for images and ensuring <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/contrast-in-web-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">text contrast<\/a> is high enough for readability.<\/p>\n\n\n\n<p>The website has limited <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/microinteractions-for-protypes\/\" target=\"_blank\" rel=\"noreferrer noopener\">interactivity<\/a>, focusing mainly on viewing the artwork. There is a subtle <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/button-states\/\" target=\"_blank\" rel=\"noreferrer noopener\">hover<\/a> effect on images, enhancing the user interaction without overwhelming the design.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/www.bonniewhite.net\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bonnie White<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"578\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/artist-art-portfolio-online-2-1024x578.webp\" alt=\"artist art portfolio online 2\" class=\"wp-image-53523\" style=\"width:750px\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/artist-art-portfolio-online-2-1024x578.webp 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/artist-art-portfolio-online-2-531x300.webp 531w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/artist-art-portfolio-online-2-768x434.webp 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/artist-art-portfolio-online-2-1536x867.webp 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/artist-art-portfolio-online-2-2048x1156.webp 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Bonnie White\u2019s portfolio site showcases a distinct approache to <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-portfolio-examples\/\" target=\"_blank\" rel=\"noreferrer noopener\">digital portfolio design<\/a> and brings to mind traditional fine art websites. It\u2019s well-made in terms of <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-seo-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\">SEO<\/a>, featuring a blog that adds dynamic <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/what-is-content-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">content<\/a> to the site, <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/app-engagement-7-ways-ux-design-can-increase-it\/\" target=\"_blank\" rel=\"noreferrer noopener\">engaging visitors<\/a> with updates and insights into the visual artist\u2019s process and activities.<\/p>\n\n\n\n<p>Her design portfolio embraces a warm, vibrant aesthetic with a soft <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/choose-color-pallete\/\" target=\"_blank\" rel=\"noreferrer noopener\">color palette<\/a> that complements her folk art, creating an inviting and personal atmosphere. Artwork is <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/organizing-information\/\" target=\"_blank\" rel=\"noreferrer noopener\">well-organized<\/a> and displayed with ample spacing. Each piece is accompanied by titles and descriptions, offering context to viewers. The portfolio is accessible directly from the main menu, making it <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/website-design-for-scannability\/\" target=\"_blank\" rel=\"noreferrer noopener\">easy to browse<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"545\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/artist-art-portfolio-online-1-1024x545.webp\" alt=\"artist art portfolio online 1\" class=\"wp-image-53526\" style=\"width:750px\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/artist-art-portfolio-online-1-1024x545.webp 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/artist-art-portfolio-online-1-563x300.webp 563w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/artist-art-portfolio-online-1-768x409.webp 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/artist-art-portfolio-online-1-1536x818.webp 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/artist-art-portfolio-online-1-2048x1091.webp 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Fonts are clean and readable, with a mix of serif and sans-serif. The titles use a decorative serif font that adds a personal touch, while body text is in a simple sans-serif, balancing readability with style.<\/p>\n\n\n\n<p>The use of earthy and pastel colors aligns well with the folk art theme. The colors are not overwhelming and help create a cohesive look that reflects the artist\u2019s personality.<\/p>\n\n\n\n<p>The site is fairly <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/web-accessibility-checklist\/\" target=\"_blank\" rel=\"noreferrer noopener\">accessible<\/a> with reasonable text contrast and alt text for images. However, some improvements could be made, such as ensuring all text is large enough for readability and enhancing keyboard navigation.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/www.camillewalala.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Camille Walala<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/graphic-design-art-portfolio-1-1024x576.webp\" alt=\"graphic design art portfolio 1\" class=\"wp-image-53529\" style=\"width:750px\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/graphic-design-art-portfolio-1-1024x576.webp 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/graphic-design-art-portfolio-1-533x300.webp 533w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/graphic-design-art-portfolio-1-768x432.webp 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/graphic-design-art-portfolio-1-1536x865.webp 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/graphic-design-art-portfolio-1-2048x1153.webp 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The art portfolio of Camille Walala has a dynamic and vibrant design that mirrors the artist distinctive graphic design-like style. It uses bold colors and geometric shapes throughout, effectively capturing the essence of her work.<\/p>\n\n\n\n<p>The homepage features full-screen images of her most striking projects, giving a dramatic presentation that immerses the visitor in her world of art. This approach effectively showcases the scale and impact of her installations.<\/p>\n\n\n\n<p>The top navigation menu is straightforward, with clear labels like Work, About, and Contact. This simplicity ensures that users can quickly find what they\u2019re looking for without distraction.<\/p>\n\n\n\n<p>The <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/website-design-ideas\/\" target=\"_blank\" rel=\"noreferrer noopener\">website design<\/a> incorporates a vivid color palette, primarily consisting of bright blues, reds, yellows, and blacks. These colors are <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/guide-design-consistency-best-practices-ui-ux-designers\/\" target=\"_blank\" rel=\"noreferrer noopener\">consistent<\/a> with Walala\u2019s artistic style and create a cohesive visual experience.<\/p>\n\n\n\n<p>The typography is playful yet clean, featuring bold fonts for headings and simple, sans-serif fonts for body text. This balance maintains readability while adding to the site\u2019s energetic feel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/graphic-design-art-portfolio-2-1024x576.webp\" alt=\"graphic design art portfolio 2\" class=\"wp-image-53532\" style=\"width:750px\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/graphic-design-art-portfolio-2-1024x576.webp 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/graphic-design-art-portfolio-2-533x300.webp 533w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/graphic-design-art-portfolio-2-768x432.webp 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/graphic-design-art-portfolio-2-1536x864.webp 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/graphic-design-art-portfolio-2-2048x1152.webp 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>High-quality images of Walala\u2019s work are prominently displayed. The website effectively uses full-screen images and slideshows to showcase her projects in various settings, making her portfolio visually impactful.<\/p>\n\n\n\n<p>While the site is well-optimized for performance and <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-process-ux\/\" target=\"_blank\" rel=\"noreferrer noopener\">user experience<\/a>, there are areas for potential improvement, particularly in accessibility and SEO, which could further enhance its effectiveness and reach.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/www.tgoodman.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Timothy Goodman<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/online-art-portfolio-1-1024x575.webp\" alt=\"online art portfolio 1\" class=\"wp-image-53536\" style=\"width:750px\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/online-art-portfolio-1-1024x575.webp 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/online-art-portfolio-1-534x300.webp 534w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/online-art-portfolio-1-768x431.webp 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/online-art-portfolio-1-1536x863.webp 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/online-art-portfolio-1-2048x1151.webp 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Timothy Goodman is another visual artists whose online art portfolio is a great example of <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/good-website-designs-examples\/\" target=\"_blank\" rel=\"noreferrer noopener\">good web design<\/a> and a great presentation of visual arts. Based in New York City, Goodman is known for his distinctive graphic style and has created numerous public art installations, illustrations, and typographic works throughout New York and beyond.<\/p>\n\n\n\n<p>Timothy Goodman\u2019s own portfolio successfully captures the essence of his artistic style through its <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/a-perfect-ui-pairing-minimalism-and-bold-typography\/\" target=\"_blank\" rel=\"noreferrer noopener\">bold<\/a>, vibrant, and playful design. The intuitive navigation, <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/responsive-vs-adaptive-design-whats-best-choice-designers\/\" target=\"_blank\" rel=\"noreferrer noopener\">responsive layout<\/a>, and engaging <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/user-interface-elements-every-designer-should-know\/\" target=\"_blank\" rel=\"noreferrer noopener\">visual elements<\/a> create a positive user experience. The site effectively showcases his diverse body of work while providing clear paths for exploration and interaction.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/online-art-portfolio-2-1024x574.webp\" alt=\"online art portfolio 2\" class=\"wp-image-53539\" style=\"width:750px\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/online-art-portfolio-2-1024x574.webp 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/online-art-portfolio-2-535x300.webp 535w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/online-art-portfolio-2-768x430.webp 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/online-art-portfolio-2-1536x861.webp 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/online-art-portfolio-2-2048x1148.webp 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Hovering over project thumbnails in the Work section triggers visual feedback, such as color changes, zoom effects, or brief overlays with project titles. This interaction invites users to explore and signals that the images are clickable.<\/p>\n\n\n\n<p>Navigation buttons and links change color or style upon hovering, providing a clear indication of their interactivity.<\/p>\n\n\n\n<p>Each project thumbnail is <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/create-interactive-prototypes\/\" target=\"_blank\" rel=\"noreferrer noopener\">clickable<\/a>, leading to a dedicated page with detailed images, descriptions, and context for the project. This interaction makes it easy for users to delve deeper into specific works that interest them. Clicking on project links dynamically loads the new content without refreshing the entire page, ensuring a seamless user experience.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/lilyclementineorset.hotglue.me\/\" target=\"_blank\" rel=\"noreferrer noopener\">Lily Clementine Orset<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"580\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-example-web-1024x580.webp\" alt=\"art portfolio example web\" class=\"wp-image-53544\" style=\"width:750px\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-example-web-1024x580.webp 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-example-web-530x300.webp 530w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-example-web-768x435.webp 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-example-web-1536x870.webp 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-example-web-2048x1160.webp 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Lily Clementine Orset uses a unique and unconventional approach to present her art. The web design of this online art portfolio reflects an experimental and DIY aesthetic, aligning with her artistic vision and providing a different experience compared to traditional portfolio websites.<\/p>\n\n\n\n<p>The interface allows users to click and drag elements, enhancing the interactive and hands-on feel of the site.<\/p>\n\n\n\n<p>The use of textured backgrounds and layered images gives the site a tactile, handmade quality that complements the DIY ethos of her work.<\/p>\n\n\n\n<p>The website employs a mix of hand-drawn and digital fonts, contributing to its quirky and artistic vibe. The variety in font styles adds to the <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/alignment-in-design-making-text-and-visuals-more-appealing\/\" target=\"_blank\" rel=\"noreferrer noopener\">visual interest<\/a> but might affect readability in some areas. Font sizes vary across the site, which adds to the eclectic feel but can create challenges in maintaining a clear <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/unity-in-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">visual hierarchy<\/a> and readability.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-example-web-2-1024x572.webp\" alt=\"art portfolio example web 2\" class=\"wp-image-53547\" style=\"width:750px\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-example-web-2-1024x572.webp 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-example-web-2-537x300.webp 537w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-example-web-2-768x429.webp 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-example-web-2-1536x858.webp 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/art-portfolio-example-web-2-2048x1143.webp 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The site is designed primarily for desktop use, with the interactive elements best experienced on larger screens. On <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/what-is-mobile-navigation\/\" target=\"_blank\" rel=\"noreferrer noopener\">mobile devices<\/a>, the navigation and interactions may be less effective or more cumbersome. Elements might not scale well on different screen sizes, potentially affecting the <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/cross-platform-experience\/\" target=\"_blank\" rel=\"noreferrer noopener\">browsing experience on tablets and smaller screens<\/a>. Having said that, the interactive design invites exploration and encourages users to spend more time on the site, though it may also create some usability challenges.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">10 UX and UI tips based on those art portfolios<\/h2>\n\n\n\n<p>Effective UX and UI design is crucial for art portfolio websites to showcase the artist\u2019s work, engage visitors, and create a memorable browsing experience. Here are some tips to follow when creating your art portfolio website:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Align with Art Style:<\/strong> Ensure the website\u2019s design reflects the artist\u2019s style. Use colors, fonts, and layouts that complement the artwork.<\/li>\n\n\n\n<li><strong>Showcase Artwork Effectively:<\/strong> Use high-resolution images that capture the details and colors of the artwork. Include full-screen images, close-ups, and various views to give a comprehensive presentation.<\/li>\n\n\n\n<li><strong>Use Neutral Backgrounds:<\/strong> Opt for neutral backgrounds to make artwork stand out. A simple color scheme (e.g., white, black, or gray) ensures the focus remains on the art.<\/li>\n\n\n\n<li><strong>Apply Readable Fonts:<\/strong> Use clean and readable fonts. Ensure font sizes and colors provide good readability against the background.<\/li>\n\n\n\n<li><strong>Clear Menu Structure:<\/strong> Provide a simple and intuitive navigation menu with clear labels such as Home, Gallery, About, Blog, and Contact. Make sure the menu is accessible from all pages.<\/li>\n\n\n\n<li><strong>Breadcrumbs:<\/strong> Use breadcrumbs or a similar mechanism to help users understand their location within the site and easily navigate back to previous pages.<\/li>\n\n\n\n<li><strong>Responsive Design:<\/strong> Ensure the website is fully responsive. Design layouts that adjust smoothly across different devices and screen sizes, including desktops, tablets, and smartphones.<\/li>\n\n\n\n<li><strong>Interactive Elements:<\/strong> Incorporate subtle hover effects and clickable images to enhance interactivity. Ensure that interactions are intuitive and provide visual feedback, such as highlighting clickable elements or changing colors on hover.<\/li>\n\n\n\n<li><strong>Categorize Work:<\/strong> Organize artwork into categories or series. This helps visitors find specific types of work quickly and provides a structured browsing experience.<\/li>\n\n\n\n<li><strong>Optimize Performance:<\/strong> Optimize images and code to reduce loading times. Fast performance is crucial for keeping visitors engaged and reducing bounce rates.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Design your own website today<\/h2>\n\n\n\n<p>We&#8217;ve seen five totally different art portfolios today and what would you say about creating your own with UXPin? Drag and drop interactive UI elements that have code behind them, arrange the perfect layout of your website and then, copy the code to build your own site. <a href=\"https:\/\/www.uxpin.com\/merge\/developers\" target=\"_blank\" rel=\"noreferrer noopener\">Try UXPin Merge for free<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-button is-style-fill\"><center><a class=\"btn btn-flat btn-large btn-content-width\" href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noopener\">Try UXPin Merge<\/a><\/center><\/div>\n","protected":false},"excerpt":{"rendered":"<p>An art portfolio is a curated collection of an artist&#8217;s best work. It promotes the artist&#8217;s work and attracts potential employers, clients, galleries, or educational institutions. Most professional artists present their portfolio in form of an artist website and today we\u2019re going to go through a couple of artist portfolios to help you build one.<\/p>\n","protected":false},"author":3,"featured_media":54176,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4,7],"tags":[],"class_list":["post-53463","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-ui-design","category-web-design"],"yoast_title":"","yoast_metadesc":"Explore 5 art portfolio examples that will leave you awe-inspired. Learn about color schemes, typography, UX and accessibility rules.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>5 Art Portfolio Examples that Will Leave you Awestruck | UXPin<\/title>\n<meta name=\"description\" content=\"Explore 5 art portfolio examples that will leave you awe-inspired. Learn about color schemes, typography, UX and accessibility rules.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/art-portfolio-examples\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 Art Portfolio Examples that Will Leave you Awestruck\" \/>\n<meta property=\"og:description\" content=\"Explore 5 art portfolio examples that will leave you awe-inspired. Learn about color schemes, typography, UX and accessibility rules.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/art-portfolio-examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2024-08-20T15:00:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-20T15:00:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/Art-Portfolio-Examples.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"UXPin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@uxpin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"UXPin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/art-portfolio-examples\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/art-portfolio-examples\\\/\"},\"author\":{\"name\":\"UXPin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"headline\":\"5 Art Portfolio Examples that Will Leave you Awestruck\",\"datePublished\":\"2024-08-20T15:00:11+00:00\",\"dateModified\":\"2024-08-20T15:00:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/art-portfolio-examples\\\/\"},\"wordCount\":1674,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/art-portfolio-examples\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/Art-Portfolio-Examples.webp\",\"articleSection\":[\"Blog\",\"UI Design\",\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/art-portfolio-examples\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/art-portfolio-examples\\\/\",\"name\":\"5 Art Portfolio Examples that Will Leave you Awestruck | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/art-portfolio-examples\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/art-portfolio-examples\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/Art-Portfolio-Examples.webp\",\"datePublished\":\"2024-08-20T15:00:11+00:00\",\"dateModified\":\"2024-08-20T15:00:37+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"description\":\"Explore 5 art portfolio examples that will leave you awe-inspired. Learn about color schemes, typography, UX and accessibility rules.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/art-portfolio-examples\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/art-portfolio-examples\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/art-portfolio-examples\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/Art-Portfolio-Examples.webp\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/Art-Portfolio-Examples.webp\",\"width\":1200,\"height\":600,\"caption\":\"Art Portfolio Examples\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/art-portfolio-examples\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"5 Art Portfolio Examples that Will Leave you Awestruck\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\",\"name\":\"UXPin\",\"description\":\"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.\",\"sameAs\":[\"http:\\\/\\\/www.uxpin.com\",\"https:\\\/\\\/x.com\\\/@uxpin\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/hello\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"5 Art Portfolio Examples that Will Leave you Awestruck | UXPin","description":"Explore 5 art portfolio examples that will leave you awe-inspired. Learn about color schemes, typography, UX and accessibility rules.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uxpin.com\/studio\/blog\/art-portfolio-examples\/","og_locale":"en_US","og_type":"article","og_title":"5 Art Portfolio Examples that Will Leave you Awestruck","og_description":"Explore 5 art portfolio examples that will leave you awe-inspired. Learn about color schemes, typography, UX and accessibility rules.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/art-portfolio-examples\/","og_site_name":"Studio by UXPin","article_published_time":"2024-08-20T15:00:11+00:00","article_modified_time":"2024-08-20T15:00:37+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/Art-Portfolio-Examples.webp","type":"image\/webp"}],"author":"UXPin","twitter_card":"summary_large_image","twitter_creator":"@uxpin","twitter_misc":{"Written by":"UXPin","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/art-portfolio-examples\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/art-portfolio-examples\/"},"author":{"name":"UXPin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"headline":"5 Art Portfolio Examples that Will Leave you Awestruck","datePublished":"2024-08-20T15:00:11+00:00","dateModified":"2024-08-20T15:00:37+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/art-portfolio-examples\/"},"wordCount":1674,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/art-portfolio-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/Art-Portfolio-Examples.webp","articleSection":["Blog","UI Design","Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/art-portfolio-examples\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/art-portfolio-examples\/","name":"5 Art Portfolio Examples that Will Leave you Awestruck | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/art-portfolio-examples\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/art-portfolio-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/Art-Portfolio-Examples.webp","datePublished":"2024-08-20T15:00:11+00:00","dateModified":"2024-08-20T15:00:37+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"description":"Explore 5 art portfolio examples that will leave you awe-inspired. Learn about color schemes, typography, UX and accessibility rules.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/art-portfolio-examples\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/art-portfolio-examples\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/art-portfolio-examples\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/Art-Portfolio-Examples.webp","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2024\/06\/Art-Portfolio-Examples.webp","width":1200,"height":600,"caption":"Art Portfolio Examples"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/art-portfolio-examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"5 Art Portfolio Examples that Will Leave you Awestruck"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e","name":"UXPin","description":"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.","sameAs":["http:\/\/www.uxpin.com","https:\/\/x.com\/@uxpin"],"url":"https:\/\/www.uxpin.com\/studio\/author\/hello\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/53463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=53463"}],"version-history":[{"count":8,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/53463\/revisions"}],"predecessor-version":[{"id":54179,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/53463\/revisions\/54179"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/54176"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=53463"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=53463"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=53463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}