{"id":22,"date":"2025-08-01T02:15:14","date_gmt":"2025-08-01T02:15:14","guid":{"rendered":"https:\/\/julianashortcreative.com\/?page_id=22"},"modified":"2025-08-03T05:54:06","modified_gmt":"2025-08-03T05:54:06","slug":"22-2","status":"publish","type":"page","link":"https:\/\/julianashortcreative.com\/","title":{"rendered":"Home"},"content":{"rendered":"<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>Juliana Short Creative<\/title>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Quiche+Sans&#038;family=Basic+Sans&#038;display=swap\" rel=\"stylesheet\"\/>\r\n<\/head>\r\n\r\n<body>\r\n<main>\r\n  <section class=\"intro-section\">\r\n    <div class=\"container\">\r\n      <h2>Hi, I\u2019m Juliana!<\/h2>\r\n      <p>I am happy to have you here! I am a Graphic Designer in St. Louis, MO, who likes to create bold, exciting, and joyfully strategic designs from brand identities to custom projects. Scroll on to see my latest work.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"carousel-section\">\r\n    <div class=\"container\">\r\n      <h2>New &#038; Noteworthy<\/h2>\r\n      <div class=\"carousel-wrapper\">\r\n        <div class=\"project-carousel\" id=\"carousel-track\">\r\n          <div class=\"project-card\" onclick=\"openModal('modal1')\">\r\n            <img decoding=\"async\" src=\"images\/project1.jpg\" alt=\"cookbook\"\/>\r\n            <div class=\"card-content\">\r\n              <h3>Made with Love, Mom<\/h3>\r\n              <p>CUSTOM TYPESET RECIPE BOOK<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"project-card\" onclick=\"openModal('modal2')\">\r\n            <img decoding=\"async\" src=\"images\/project2.jpg\" alt=\"hobby horse\"\/>\r\n            <div class=\"card-content\">\r\n              <h3>Hobby Horse<\/h3>\r\n              <p>CUSTOM TYPE<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"project-card\" onclick=\"openModal('modal3')\">\r\n            <img decoding=\"async\" src=\"images\/project3.jpg\" alt=\"Ripley's Exhibit\"\/>\r\n            <div class=\"card-content\">\r\n              <h3>Gala Invitation: The American Foundation of the Blind<\/h3>\r\n              <p>GALA INVITATION<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"project-card\" onclick=\"openModal('modal4')\">\r\n            <img decoding=\"async\" src=\"images\/project4.jpg\" alt=\"Esports Branding\"\/>\r\n            <div class=\"card-content\">\r\n              <h3>Meramec Contemporary Art Gallery Posters<\/h3>\r\n                <p>ART GALLERY POSTERS<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"project-card\" onclick=\"openModal('modal5')\">\r\n            <img decoding=\"async\" src=\"images\/project5.jpg\" alt=\"Planner App\"\/>\r\n            <div class=\"card-content\">\r\n              <h3>Czech Republic Banknote Design<\/h3>\r\n                <p>CURRENCY REDESIGN: CZECH REPUBLIC<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"project-card\" onclick=\"openModal('modal6')\">\r\n            <img decoding=\"async\" src=\"images\/project6.jpg\" alt=\"St. Louis Sports Infographic\"\/>\r\n            <div class=\"card-content\">\r\n              <h3>E-Sports Branding: Memorial High School Mustangs<\/h3>\r\n                <p>ESPORTS LOGO DESIGN SUITE<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"carousel-controls\">\r\n        <button class=\"carousel-button\" onclick=\"scrollCarousel(-1)\">&larr; Prev<\/button>\r\n        <button class=\"carousel-button\" onclick=\"scrollCarousel(1)\">Next &rarr;<\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<div id=\"modal1\" class=\"modal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\" onclick=\"closeModal('modal1')\">&times;<\/span>\r\n     <img decoding=\"async\" src=\"images\/project1.jpg\" alt=\"cookbook\"\/>\r\n    <h2>Made with Love, Mom<\/h2>\r\n    <h3>CUSTOM TYPESET RECIPE BOOK<\/h3>\r\n    <p>TYPOGRAPHY<\/p>\r\n    <p>Typography, Illustration, Icon design<\/p>\r\n    <h3>Objective<\/h3>\r\n    <p>To design a cookbook that highlights layout and typography in a recipe format.<\/p>\r\n    <h3>Description<\/h3>\r\n    <p>Made with Love, Mom is a dessert cookbook inspired by the recipes my mom has made for me throughout my life. Designed as a heartfelt gift, the book blends expressive typography with illustrative elements that reflect my Houston roots and the ingredients used in each dessert. The result is a personal and visually rich piece showcasing both design and memory.<\/p>\r\n    <div class=\"modal-details\"><\/div>\r\n      <div class=\"image-grid\">\r\n        <img decoding=\"async\" src=\"images\/project1a.jpg\" alt=\"WanderBox Sample\" onclick=\"openLightbox(this)\"\/>\r\n        <img decoding=\"async\" src=\"images\/project1b.jpg\" alt=\"WanderBox Inside\" onclick=\"openLightbox(this)\"\/>\r\n        <!-- More images can be added -->\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<div id=\"modal2\" class=\"modal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\" onclick=\"closeModal('modal2')\">&times;<\/span>\r\n     <img decoding=\"async\" src=\"images\/project1.jpg\" alt=\"hobby horse\"\/>\r\n    <h2>Hobby Horse<\/h2>\r\n    <p>TYPOGRAPHY<\/p>\r\n    <p>TYPOGRAPHY, 3D DESIGN, PRINTMAKING<\/p>\r\n    <p><h3>Hobby Horse<\/h3> is a custom typeface that combines bold modern flair and a touch of western charm. Inspired by my Texas roots, I set out to design a typeface with oversized personality\u2014playful, energetic, and full of character. Each letter was crafted in Illustrator, then 3D printed and hand-inked for printmaking. Running the 3D forms through the press resulted in an abundance of brilliant textures and authentic prints, celebrating both digital and traditional processes.<\/p>\r\n    <div class=\"modal-details\"><\/div>\r\n      <div class=\"image-grid\">\r\n        <img decoding=\"async\" src=\"images\/project1a.jpg\" alt=\"WanderBox Sample\" onclick=\"openLightbox(this)\"\/>\r\n        <img decoding=\"async\" src=\"images\/project1b.jpg\" alt=\"WanderBox Inside\" onclick=\"openLightbox(this)\"\/>\r\n        <!-- More images can be added -->\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<div id=\"modal3\" class=\"modal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\" onclick=\"closeModal('modal3')\">&times;<\/span>\r\n      <img decoding=\"async\" src=\"images\/project1.jpg\" alt=\"WanderBox\"\/>\r\n    <h2>Gala Invitation: The American Foundation of the Blind<\/h2>\r\n    <p>GALA INVITATION<\/p>\r\n    <p>GRAPHIC DESIGN 3<\/p>\r\n    <p>Illustration, Typography, Gala Invitation Design<\/p>\r\n    <h3>Objective<\/h3>\r\n    <p>Create an invitation suite for a fictional gala for a real foundation or organization.<\/p>\r\n    <h3>Process<\/h3>\r\n    <p>For the gala invitation project, I chose the American Foundation of the Blind as my foundation, and I chose to do a \u201cNight Under the Stars\u201d theme. For my invitation design, I wanted to design something that anyone who recived the invitation would feel intrigued, and excited about. I incorporated many different details that were catered to those who have vision impairments. I created the printed invitation with a particular fold design that, when delivered would give any audience an interactive and enticing feel. I also made my own braille impressions on the invitation for intention and inclusivity.<\/p>\r\n    <div class=\"modal-details\"><\/div>\r\n      <div class=\"image-grid\">\r\n        <img decoding=\"async\" src=\"images\/project1a.jpg\" alt=\"WanderBox Sample\" onclick=\"openLightbox(this)\"\/>\r\n        <img decoding=\"async\" src=\"images\/project1b.jpg\" alt=\"WanderBox Inside\" onclick=\"openLightbox(this)\"\/>\r\n        <!-- More images can be added -->\r\n      <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"modal4\" class=\"modal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\" onclick=\"closeModal('modal4')\">&times;<\/span>\r\n      <img decoding=\"async\" src=\"images\/project1.jpg\" alt=\"WanderBox\"\/>\r\n    <h2>Meramec Contemporary Art Gallery Posters<\/h2>\r\n    <p>ART GALLERY POSTERS<\/p>\r\n    <p>GRAPHIC DESIGN 4<\/p>\r\n    <p>Tyypography, Illustration, School Advertisement<\/p>\r\n    <h3>Objective<\/h3>\r\n    <p>To design two posters for the Meramec Contemporary Art Gallery for the 2025 Fall and 2026 Spring Seasons<\/p>\r\n    <h3>Process<\/h3>\r\n    <p>The Art Gallery is a wonderful place on campus and provides many different opportunities for artists to showcase their work. I chose to create a two-sided poster for Fall and Spring, so that when printed multiple times that could be set up together and connect. I wanted to use the electric colors to share the excitement that the Art Gallery brings.<\/p>\r\n    <div class=\"modal-details\"><\/div>\r\n      <div class=\"image-grid\">\r\n        <img decoding=\"async\" src=\"images\/project1a.jpg\" alt=\"WanderBox Sample\" onclick=\"openLightbox(this)\"\/>\r\n        <img decoding=\"async\" src=\"images\/project1b.jpg\" alt=\"WanderBox Inside\" onclick=\"openLightbox(this)\"\/>\r\n        <!-- More images can be added -->\r\n      <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"modal5\" class=\"modal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\" onclick=\"closeModal('modal5')\">&times;<\/span>\r\n      <img decoding=\"async\" src=\"images\/project1.jpg\" alt=\"WanderBox\"\/>\r\n    <h2>Czech Republic Banknote Design<\/h2>\r\n    <p>CURRENCY REDESIGN: CZECH REPUBLIC<\/p>\r\n    <p>GRAPHIC DESIGN 4<\/p>\r\n    <p>Typography, Illustration, Country Research, Brand Design<\/p>\r\n    <h3>Objective<\/h3>\r\n    <p>To design a 4 banknotes for the Czech Republic<\/p>\r\n    <h3>Process<\/h3>\r\n    <p>The currency redesign project was based upon famous figures from the Czech Republic and their ties to the community and history of the country. Each banknote features architecture, layered patterns, security strips and front and back designs.<\/p>\r\n    <div class=\"modal-details\"><\/div>\r\n      <div class=\"image-grid\">\r\n        <img decoding=\"async\" src=\"images\/project1a.jpg\" alt=\"WanderBox Sample\" onclick=\"openLightbox(this)\"\/>\r\n        <img decoding=\"async\" src=\"images\/project1b.jpg\" alt=\"WanderBox Inside\" onclick=\"openLightbox(this)\"\/>\r\n        <!-- More images can be added -->\r\n      <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"modal6\" class=\"modal\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\" onclick=\"closeModal('modal6')\">&times;<\/span>\r\n      <img decoding=\"async\" src=\"images\/project1.jpg\" alt=\"WanderBox\"\/>\r\n    <h2>E-Sports Branding: Memorial High School Mustangs<\/h2>\r\n    <p>ESPORTS LOGO DESIGN SUITE<\/p>\r\n    <p>GRAPHIC DESIGN 3<\/p>\r\n    <p>Typography, Logo Design, Illustration<\/p>\r\n    <h3>Objective<\/h3>\r\n    <p>Create a visual identity for the E-sports team, including a logo, digital and print posters, a jersey and a mousepad for your high school.<\/p>\r\n    <h3>Process<\/h3>\r\n    <p>The high school I attended in Houston, Texas was the Memorial High School Mustangs. I wanted to elevate the mustangs and give the e-sports team an electric design that joined technology and school spirit. The jersey I created with strength in mind, bringing together a team that brings each other up. I leaned into high-energy graphics like glitch textures, angled lines, block elements, and bold typography to reflect the speed and intensity of competitive gaming. Everything is tied together with strong school colors and a sense of movement.<\/p>\r\n    <div class=\"modal-details\"><\/div>\r\n      <div class=\"image-grid\">\r\n        <img decoding=\"async\" src=\"images\/project1a.jpg\" alt=\"WanderBox Sample\" onclick=\"openLightbox(this)\"\/>\r\n        <img decoding=\"async\" src=\"images\/project1b.jpg\" alt=\"WanderBox Inside\" onclick=\"openLightbox(this)\"\/>\r\n        <!-- More images can be added -->\r\n      <\/div>\r\n  <\/div>\r\n<\/div>\r\n<\/main>\r\n\r\n<div id=\"lightbox\" class=\"lightbox\" onclick=\"closeLightbox()\">\r\n    <img decoding=\"async\" id=\"lightbox-img\" src=\"\" alt=\"Expanded Project Image\"\/>\r\n  <\/div>\r\n\r\n<div class=\"footer\">\u00a9 2025 Juliana Short<\/div>\r\n\r\n<script>\r\n  let currentIndex = 0;\r\n\r\n  function scrollCarousel(direction) {\r\n    const track = document.getElementById('carousel-track');\r\n    const cards = track.children;\r\n    const cardWidth = cards[0].offsetWidth + 20; \/\/ 20 = gap between cards\r\n    const visibleCards = getVisibleCards();\r\n    const maxIndex = cards.length - visibleCards;\r\n\r\n    currentIndex += direction;\r\n    if (currentIndex < 0) currentIndex = 0;\r\n    if (currentIndex > maxIndex) currentIndex = maxIndex;\r\n\r\n    track.style.transform = `translateX(-${currentIndex * cardWidth}px)`;\r\n  }\r\n\r\n  function getVisibleCards() {\r\n    if (window.innerWidth <= 480) return 1;\r\n    if (window.innerWidth <= 768) return 2;\r\n    return 3;\r\n  }\r\n\r\n  window.addEventListener('resize', () => {\r\n    scrollCarousel(0); \/\/ realign on resize\r\n  });\r\n\r\nfunction openModal(id) {\r\n    alert(\"Modal for \" + id + \" would open here.\");\r\n  }\r\n<\/script>\r\n<script>\r\n  function openModal(id) {\r\n    document.getElementById(id).style.display = 'block';\r\n    document.body.style.overflow = 'hidden';\r\n  }\r\n\r\n  function closeModal(id) {\r\n    document.getElementById(id).style.display = 'none';\r\n    document.body.style.overflow = 'auto';\r\n  }\r\n\r\n  window.addEventListener('click', function (event) {\r\n    const modals = document.querySelectorAll('.modal');\r\n    modals.forEach(modal => {\r\n      if (event.target === modal) {\r\n        modal.style.display = 'none';\r\n        document.body.style.overflow = 'auto';\r\n      }\r\n    });\r\n  });\r\n\r\n  <!-- JavaScript -->\r\n  <\/script><script>\r\n    function openModal(id) {\r\n      document.getElementById(id).style.display = 'block';\r\n    }\r\n\r\n    function closeModal(id) {\r\n      document.getElementById(id).style.display = 'none';\r\n    }\r\n\r\n    function openLightbox(img) {\r\n      const lightbox = document.getElementById('lightbox');\r\n      const lightboxImg = document.getElementById('lightbox-img');\r\n      lightboxImg.src = img.src;\r\n      lightbox.style.display = 'flex';\r\n    }\r\n\r\n    function closeLightbox() {\r\n      document.getElementById('lightbox').style.display = 'none';\r\n    }\r\n  <\/script>\r\n<\/body>\r\n<\/html>\r\n","protected":false},"excerpt":{"rendered":"Juliana Short Creative Hi, I\u2019m Juliana! I am happy to have you here! I am a Graphic Designer in St. Louis, MO, who likes to create bold, exciting, and joyfully strategic designs from brand identities to custom projects. Scroll on to see my latest work. New &#038; Noteworthy Made with Love, Mom CUSTOM TYPESET RECIPE [&hellip;]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/julianashortcreative.com\/index.php?rest_route=\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/julianashortcreative.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/julianashortcreative.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/julianashortcreative.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/julianashortcreative.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22"}],"version-history":[{"count":22,"href":"https:\/\/julianashortcreative.com\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":88,"href":"https:\/\/julianashortcreative.com\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/88"}],"wp:attachment":[{"href":"https:\/\/julianashortcreative.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}