https://sashac.cargo.site Sasha's Portfolio Sun, 01 Feb 2026 22:00:23 +0000 https://sashac.cargo.site en https://sashac.cargo.site/Thesis Sun, 01 Feb 2026 22:00:02 +0000 Sasha's Portfolio https://sashac.cargo.site/Thesis Master’s Thesis: Nova AI Research + UI/UX │Graduate work│Spring 2024 <img width="7000" height="4500" width_o="7000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/6cba61b02b3324b56b5d6d52edd468fecb17b72610f3ceeba331b20e1c28db7c/Wide_Cover_Mock_resized.jpg" data-mid="244284444" border="0" src="https://freight.cargo.site/w/1000/i/6cba61b02b3324b56b5d6d52edd468fecb17b72610f3ceeba331b20e1c28db7c/Wide_Cover_Mock_resized.jpg" /> Nova AI is a platform that unifies preparatory tasks of the creative process into one customizable workspace. At a GlanceA year long explorationAI as a co-creatorRetaining human and creative agencyMinimizing tedious tasks and tool fragmentationHelps with research, ideation, and breaking creative blockDoesn’t replace creative production software Presented atSECAC 2025, panel “AI’s Dual Role in Industry Innovation and Design Education” lead by Yvette Shen and Kevin Ward (The Ohio State University)North Carolina State University, April 2024 ChallengeExisting software does not have the flexibility to support the rapidly evolving creative process. The preparatory process in which we research, ideate, and develop concepts suffers from extreme tool fragmentation, leading to information loss and cognitive overload. SolutionAn adaptable platform that centralizes the necessary tools and uses an AI co-creator to accommodate the fluid nature of the creative process. With customizable workspaces, Nova AI can conform to various needs and streamline the creative workflow. Problem Statement Inspired by existing struggles designers face in their creative process and many unsophisticated AI integrations in existing creative software, I decided to investigate why design tools aren’t considering needs of their primary user base - designers. <img width="5760" height="3240" width_o="5760" height_o="3240" data-src="https://freight.cargo.site/t/original/i/50b7c341e1d8708363a1bc00decb823da6f2085950be665f7131231c28347ef3/Overview.png" data-mid="244284446" border="0" src="https://freight.cargo.site/w/1000/i/50b7c341e1d8708363a1bc00decb823da6f2085950be665f7131231c28347ef3/Overview.png" /> <img width="5760" height="3240" width_o="5760" height_o="3240" data-src="https://freight.cargo.site/t/original/i/f5d0a11e82ad644137ac79abbaf2dc7dfa4c20830b08583464b81e818395a854/research-6.png" data-mid="244284447" border="0" src="https://freight.cargo.site/w/1000/i/f5d0a11e82ad644137ac79abbaf2dc7dfa4c20830b08583464b81e818395a854/research-6.png" /> Research I reviewed literature in cognitive psychology, machine learning, and human-computer interaction, with the goal of creating a good knowledge base in related fields. Precedent analysis revealed that most AI implementations among industry leaders follow trends and are replacing human creativity, instead of supporting it. These notions were supported by interviews with product designers at Hunch, concluding that AI should do the tedious tasks and leave creating to creatives. Research Question &amp; StudiesIn order to further break down my main research question, I decided to focus on three distinct parts of the creative process: familiarization and research, ideation and concept development, and creative block. <img width="5760" height="3240" width_o="5760" height_o="3240" data-src="https://freight.cargo.site/t/original/i/f2e43243faf0d9f679c14a4b5a3e05589a5a798f5dbf5fbe6aa97c98106b84ba/Research-questions-4.png" data-mid="244284448" border="0" src="https://freight.cargo.site/w/1000/i/f2e43243faf0d9f679c14a4b5a3e05589a5a798f5dbf5fbe6aa97c98106b84ba/Research-questions-4.png" /> <img width="5760" height="3240" width_o="5760" height_o="3240" data-src="https://freight.cargo.site/t/original/i/2a4f6df262dfdde6f58415984868bbd9341d1d886cc0bdb24f6f8f6162e870c6/Analysis.png" data-mid="244284449" border="0" src="https://freight.cargo.site/w/1000/i/2a4f6df262dfdde6f58415984868bbd9341d1d886cc0bdb24f6f8f6162e870c6/Analysis.png" /> <img width="5760" height="3240" width_o="5760" height_o="3240" data-src="https://freight.cargo.site/t/original/i/8b0cb84ff9e192fcdd5cfceb8608ea7c44605e9aa9d9c7e0d98fcd457c7ed008/Investigations.png" data-mid="244284450" border="0" src="https://freight.cargo.site/w/1000/i/8b0cb84ff9e192fcdd5cfceb8608ea7c44605e9aa9d9c7e0d98fcd457c7ed008/Investigations.png" /> Conceptual Framework &amp; Investigation ModelThe conceptual framework combines concepts sourced from the literature review to ensure the studies are grounded in research. Most importantly, the framework is cyclical and focuses on the creative process instead of the outcome. Solution &amp; the Problem Space Nova AI focuses on processes that happen in the preparatory stage - such as research, ideation, and concept development. It integrates the corresponding tools into a unified and customizable workspace to support the creative process. <img width="5760" height="3240" width_o="5760" height_o="3240" data-src="https://freight.cargo.site/t/original/i/0a55ed7af0fa098e664ad1b397930f8556338505fc9a4d44561e3334bec77058/solution-4.png" data-mid="244284452" border="0" src="https://freight.cargo.site/w/1000/i/0a55ed7af0fa098e664ad1b397930f8556338505fc9a4d44561e3334bec77058/solution-4.png" /> <img width="5760" height="3240" width_o="5760" height_o="3240" data-src="https://freight.cargo.site/t/original/i/261c1cf0aea048cc07c2965e6138e34febf2f599b0543a5cc6055b30567b7192/persona.png" data-mid="244284453" border="0" src="https://freight.cargo.site/w/1000/i/261c1cf0aea048cc07c2965e6138e34febf2f599b0543a5cc6055b30567b7192/persona.png" /> PersonaWinston W. is a persona created to illustrate the capabilities of Nova AI in a comprehensive way - by following his creative workflow. User Journey Map The research process&nbsp;suffers from lots of tool fragmentation due to software limitations. Nova AI eliminates nearly all tool switching due to its integrated browser and ability to save and organize content. <img width="5760" height="3240" width_o="5760" height_o="3240" data-src="https://freight.cargo.site/t/original/i/17b7e4987172de791b60619bc07ea38fa0b004903088cf836fed7c960217999c/user-journey-6.png" data-mid="244284454" border="0" src="https://freight.cargo.site/w/1000/i/17b7e4987172de791b60619bc07ea38fa0b004903088cf836fed7c960217999c/user-journey-6.png" /> <img width="5760" height="3240" width_o="5760" height_o="3240" data-src="https://freight.cargo.site/t/original/i/8b3c2ffdd74b91877e21fac221fe17bf497282e890f389d8f4074675ca73cf08/user-journey-7.png" data-mid="244284455" border="0" src="https://freight.cargo.site/w/1000/i/8b3c2ffdd74b91877e21fac221fe17bf497282e890f389d8f4074675ca73cf08/user-journey-7.png" /> The creative process introduces more tools which increases the friction and risk of information loss at transition points. Nova AI contains ideation and concept development in one platform, enabling seamless information transfer internally and externally. <img width="5760" height="3240" width_o="5760" height_o="3240" data-src="https://freight.cargo.site/t/original/i/b04b5130487d1d6365dfd280169342e1ccd6d06a81d39d27f884ad9b669c293a/user-journey-9.png" data-mid="244284457" border="0" src="https://freight.cargo.site/w/1000/i/b04b5130487d1d6365dfd280169342e1ccd6d06a81d39d27f884ad9b669c293a/user-journey-9.png" /> <img width="5760" height="3240" width_o="5760" height_o="3240" data-src="https://freight.cargo.site/t/original/i/b61b157823f3cffe0e167021526a7bd5b6a6f8f76d53d5f1e04a1c354c6761fd/user-journey-8.png" data-mid="244284456" border="0" src="https://freight.cargo.site/w/1000/i/b61b157823f3cffe0e167021526a7bd5b6a6f8f76d53d5f1e04a1c354c6761fd/user-journey-8.png" /> <img width="5760" height="3240" width_o="5760" height_o="3240" data-src="https://freight.cargo.site/t/original/i/8fae0b61c5db4216b6aa918b4adc24e2eb3e4e536a348b1f196e0f67269c1bc5/visual-lang.png" data-mid="244284458" border="0" src="https://freight.cargo.site/w/1000/i/8fae0b61c5db4216b6aa918b4adc24e2eb3e4e536a348b1f196e0f67269c1bc5/visual-lang.png" /> Visual Language&nbsp;Nova’s workspaces come with customizable colors serving as a distinguishing element between workspaces, as well as a label of ownership in places where the user and AI collaborate. Visual indicators communicate Nova’s current action with the user. Study 1: FamiliarizationStudy 1 focuses on the start of the research process and making relevant information more accessible through adaptable modes of interaction.&nbsp; Key features: Intelligent brief analysisBrowsing result summariesFiltered search resultsAssistive in-text summariesAutomatic result grouping <img width="2300" height="1600" width_o="2300" height_o="1600" data-src="https://freight.cargo.site/t/original/i/cb09c384a4d9b9982c2b799888b7782f4d40e1b4cb00e80b271a91485a65b497/Study1mock.png" data-mid="244284459" border="0" src="https://freight.cargo.site/w/1000/i/cb09c384a4d9b9982c2b799888b7782f4d40e1b4cb00e80b271a91485a65b497/Study1mock.png" /> <img width="2300" height="1600" width_o="2300" height_o="1600" data-src="https://freight.cargo.site/t/original/i/3de5c44714f99afc7ba1540219b1cc4ef42bf3fdf7a794d19512d7896e95a1ab/Study1mock_2.png" data-mid="244284461" border="0" src="https://freight.cargo.site/w/1000/i/3de5c44714f99afc7ba1540219b1cc4ef42bf3fdf7a794d19512d7896e95a1ab/Study1mock_2.png" /> <img width="2300" height="1600" width_o="2300" height_o="1600" data-src="https://freight.cargo.site/t/original/i/7dbbd03d3aa5d096dba527f835ac63f3e4cc90348dcf26592d4fbaa218fd7086/Study1mock_3.png" data-mid="244284460" border="0" src="https://freight.cargo.site/w/1000/i/7dbbd03d3aa5d096dba527f835ac63f3e4cc90348dcf26592d4fbaa218fd7086/Study1mock_3.png" /> Study 2: Concept DevelopmentStudy 2 explores how various modes of collaboration can impact creative output and support decision making in the concept development stage. Key features: Information fluidity across workspacesReal time keyword detection in speechSemantic label enabled searchAssisted image editingIndependent background work and suggestionsFont extraction and pairingMoodboard and color palette generation <img width="2300" height="1600" width_o="2300" height_o="1600" data-src="https://freight.cargo.site/t/original/i/974b33a9adde74cab9ad9d5c4eea3822c584c67e632a544352fccb6aaa9b24ea/Study2mock.png" data-mid="244284462" border="0" src="https://freight.cargo.site/w/1000/i/974b33a9adde74cab9ad9d5c4eea3822c584c67e632a544352fccb6aaa9b24ea/Study2mock.png" /> <img width="2300" height="1600" width_o="2300" height_o="1600" data-src="https://freight.cargo.site/t/original/i/e8a49599cb8156bcee1d9892e234e47bc212a355143e5e87f27dde2925dfcd18/Study2mock_2.png" data-mid="244284463" border="0" src="https://freight.cargo.site/w/1000/i/e8a49599cb8156bcee1d9892e234e47bc212a355143e5e87f27dde2925dfcd18/Study2mock_2.png" /> <img width="2300" height="1600" width_o="2300" height_o="1600" data-src="https://freight.cargo.site/t/original/i/ab2993a97c9754e727173a99deb38b794134a13194eed32819e5fb7e7e20a95a/Study2mock_3.png" data-mid="244284464" border="0" src="https://freight.cargo.site/w/1000/i/ab2993a97c9754e727173a99deb38b794134a13194eed32819e5fb7e7e20a95a/Study2mock_3.png" /> Study 3: Creative BlockStudy 3 focuses on ways to expose the user to serendipitous information to stimulate divergent thinking and break the creative block. Key features: Creative block detectionIdeation exerciseExploratory image analysis toolsSeamless transition between workspacesSerendipity feature uncovers tangentially related content <img width="2300" height="1600" width_o="2300" height_o="1600" data-src="https://freight.cargo.site/t/original/i/9fb972588194feda08c37cdd60777f598fa00e9973e585f062872588acfcc3d9/Study3mock.png" data-mid="244284465" border="0" src="https://freight.cargo.site/w/1000/i/9fb972588194feda08c37cdd60777f598fa00e9973e585f062872588acfcc3d9/Study3mock.png" /> <img width="2300" height="1600" width_o="2300" height_o="1600" data-src="https://freight.cargo.site/t/original/i/1883454f30e57514254798cdcfb9606748b859ceeed184afeefe47f545ce73aa/Study3mock_2.png" data-mid="244284466" border="0" src="https://freight.cargo.site/w/1000/i/1883454f30e57514254798cdcfb9606748b859ceeed184afeefe47f545ce73aa/Study3mock_2.png" /> <img width="2300" height="1600" width_o="2300" height_o="1600" data-src="https://freight.cargo.site/t/original/i/5508da2b415b1dc2e8aac269f8756a36f55628d387190fd43a687a5fff71fc4b/Study3mock_3.png" data-mid="244284467" border="0" src="https://freight.cargo.site/w/1000/i/5508da2b415b1dc2e8aac269f8756a36f55628d387190fd43a687a5fff71fc4b/Study3mock_3.png" /> Key TakeawaysA single, customizable platform streamlines project preparation by reducing file management overhead and improving workflow efficiency.Intelligent analysis, filtering, and content tools help users quickly find, understand, and act on relevant information without overwhelm.Seamless workspace transitions and proactive background support keep users focused and moving forward with minimal disruption.Idea discovery features stimulate creativity, uncover new research directions, and help users overcome creative blocks. ReflectionThe goal of my thesis project was to rethink how we design creative software and to highlight the importance of including designers in that process, as well as educating them on how AI can be incorporated to support creativity. https://sashac.cargo.site/Art-Basel-Miami-Postcards Sun, 01 Feb 2026 22:00:06 +0000 Sasha's Portfolio https://sashac.cargo.site/Art-Basel-Miami-Postcards Miami PostcardsCollage│Art Basel Miami│Winter 2024 <img width="2500" height="1800" width_o="2500" height_o="1800" data-src="https://freight.cargo.site/t/original/i/9ba1f6f5dffad93ed1d7fe0c0b1edaa5c1f6bf19eee344f7244ac584fbbd93ab/GridPostcards_Mock.png" data-mid="244284512" border="0" src="https://freight.cargo.site/w/1000/i/9ba1f6f5dffad93ed1d7fe0c0b1edaa5c1f6bf19eee344f7244ac584fbbd93ab/GridPostcards_Mock.png" /> A postcard set inspired by different areas of Miami, made to complement “Who are you really?” exhibition by Lorena Knežević at Art Basel Miami. At a Glance A postcard for each Miami neighborhood featured in the exhibitionShort timeline - 5 daysMade in Procreate and IllustratorCollage of original photography and found images ContextI got a call from my friend Lorena a week before Art Basel Miami inviting me to be a part of her exhibition titled Who are you really?, at Blu Dot’s showroom in Design District.&nbsp;She was creating paintings inspired by different areas of Miami and wanted me to create a takeaway item visitors can bring home with them. After ideating, we decided a set of postcards would be an ideal solution - I can design and produce them in time, they are portable, displayable, and shareable. Process Lorena shared her own moodboards, which helped ensure my interpretations of her chosen Miami neighborhoods are accurate and in line with her vision. I’ve visited Miami a number of times so I was familiar with the areas and their distinct characteristics. I used Procreate on iPad to combine my own photographs with found images. I love collaging and creating surrealist compositions, with clashing perspectives and proportions. I played with colors and textures in order to add dynamism and emphasize the energy of the specific neighborhood. <img width="3217" height="4289" width_o="3217" height_o="4289" data-src="https://freight.cargo.site/t/original/i/e40f153d18f46d8e4f2a57c1c5f07842179ab36cd9752f53e44b1d2ef43c8389/IMG_9771.jpg" data-mid="244284515" border="0" src="https://freight.cargo.site/w/1000/i/e40f153d18f46d8e4f2a57c1c5f07842179ab36cd9752f53e44b1d2ef43c8389/IMG_9771.jpg" /> <img width="2672" height="3340" width_o="2672" height_o="3340" data-src="https://freight.cargo.site/t/original/i/8aeb1107a31675ca89080b040ca6b3aa21d10874957aecb1bb04d7a26ab2bbe6/IMG_0389.jpg" data-mid="244284513" border="0" src="https://freight.cargo.site/w/1000/i/8aeb1107a31675ca89080b040ca6b3aa21d10874957aecb1bb04d7a26ab2bbe6/IMG_0389.jpg" /> <img width="2257" height="3247" width_o="2257" height_o="3247" data-src="https://freight.cargo.site/t/original/i/d700b36c303f03d14ea348544e043264978383246ff5b78a8cd563d8f040a82f/IMG_0721crop.jpeg" data-mid="244284516" border="0" src="https://freight.cargo.site/w/1000/i/d700b36c303f03d14ea348544e043264978383246ff5b78a8cd563d8f040a82f/IMG_0721crop.jpeg" /> <img width="3024" height="4032" width_o="3024" height_o="4032" data-src="https://freight.cargo.site/t/original/i/c6015f167a751f9585645047620db2fbd7b2e8e2cb864375a5aed747c1c5ac7c/IMG_0576.jpg" data-mid="244284514" border="0" src="https://freight.cargo.site/w/1000/i/c6015f167a751f9585645047620db2fbd7b2e8e2cb864375a5aed747c1c5ac7c/IMG_0576.jpg" /> Final Product The final set of postcards was displayed on a dresser, along with framed postcards that further integrated them in Lorena’s vision for Blu Dot’s showroom space. This was a busy entry/exit area which encouraged passer-bys to interact with the postcards and take their favorite home. It unintentionally became an exhibition piece that inspired discussion, as groups gathered and analyzed the collage elements trying to place where they recognize them from. <img width="865" height="1296" width_o="865" height_o="1296" data-src="https://freight.cargo.site/t/original/i/cf8f36a9efea6ca5b7864590c882aed625bed2c7fc774280ad5e4ed45f366f3e/Basel_Postcardsbrickell3x.png" data-mid="244284517" border="0" src="https://freight.cargo.site/w/865/i/cf8f36a9efea6ca5b7864590c882aed625bed2c7fc774280ad5e4ed45f366f3e/Basel_Postcardsbrickell3x.png" /> <img width="865" height="1297" width_o="865" height_o="1297" data-src="https://freight.cargo.site/t/original/i/e7875497bb8da60f61c34407b929418802b09df6b6e1a46cb0848359e7b19768/Basel_Postcardsdesign-district3x.png" data-mid="244284518" border="0" src="https://freight.cargo.site/w/865/i/e7875497bb8da60f61c34407b929418802b09df6b6e1a46cb0848359e7b19768/Basel_Postcardsdesign-district3x.png" /> <img width="864" height="1296" width_o="864" height_o="1296" data-src="https://freight.cargo.site/t/original/i/5e696f2f4ae54e314f9812f59950a7a0b976038bce55adfa6f7b4655254efb98/Basel_Postcardsdowntown3x.png" data-mid="244284519" border="0" src="https://freight.cargo.site/w/864/i/5e696f2f4ae54e314f9812f59950a7a0b976038bce55adfa6f7b4655254efb98/Basel_Postcardsdowntown3x.png" /> <img width="864" height="1297" width_o="864" height_o="1297" data-src="https://freight.cargo.site/t/original/i/51f8b5b5d59d90b927fe694eb538ce4996d1a952970a7d1d6deef8e7ec2a3d09/Basel_Postcardsgables3x.png" data-mid="244284520" border="0" src="https://freight.cargo.site/w/864/i/51f8b5b5d59d90b927fe694eb538ce4996d1a952970a7d1d6deef8e7ec2a3d09/Basel_Postcardsgables3x.png" /> <img width="864" height="1297" width_o="864" height_o="1297" data-src="https://freight.cargo.site/t/original/i/b4e90d937e4dda70c22aec57eb72227791b136ddf76d0cb45e5489e144c3f94d/Basel_Postcardsgrove3x.png" data-mid="244284521" border="0" src="https://freight.cargo.site/w/864/i/b4e90d937e4dda70c22aec57eb72227791b136ddf76d0cb45e5489e144c3f94d/Basel_Postcardsgrove3x.png" /> <img width="864" height="1296" width_o="864" height_o="1296" data-src="https://freight.cargo.site/t/original/i/ab1559d90c19cde65b64a08919ed4d715e4f9ff1da63305ec4ae11b572f23d73/Basel_Postcardssouth-beach3x.png" data-mid="244284522" border="0" src="https://freight.cargo.site/w/864/i/ab1559d90c19cde65b64a08919ed4d715e4f9ff1da63305ec4ae11b572f23d73/Basel_Postcardssouth-beach3x.png" /> <img width="865" height="1296" width_o="865" height_o="1296" data-src="https://freight.cargo.site/t/original/i/e2415738e6a6d59649d966f6de9de448d0a0b34515ec814306ef02950c82506c/Basel_Postcardswynwood3x.png" data-mid="244284523" border="0" src="https://freight.cargo.site/w/865/i/e2415738e6a6d59649d966f6de9de448d0a0b34515ec814306ef02950c82506c/Basel_Postcardswynwood3x.png" /> https://sashac.cargo.site/HMC-WhalePlay Sun, 01 Feb 2026 22:00:09 +0000 Sasha's Portfolio https://sashac.cargo.site/HMC-WhalePlay WhalePlay Branding + UI/UX│Client work│2022-2025 <img width="3400" height="2500" width_o="3400" height_o="2500" data-src="https://freight.cargo.site/t/original/i/81b253d4f7aac8f11efa2b900cdce26c3f6e057f6b907c29b1546728500a3d25/WP_Cover_Long.png" data-mid="244293534" border="0" src="https://freight.cargo.site/w/1000/i/81b253d4f7aac8f11efa2b900cdce26c3f6e057f6b907c29b1546728500a3d25/WP_Cover_Long.png" /> WhalePlay is a brand-to-product launch project for an innovative online gaming platform. At a GlanceSupported project since its inception in 2022Designed branding for parent company and product Created investor facing presentations to raise fundingDeveloped branding guidelines for external vendor useFast paced platform design for web and mobileProject management across multidisciplinary teams ContextWhalePlay is an online casino platform created by HoMetaCasino (HMC) for a new era of digital entertainment. It combines industry heritage with emerging technologies to deliver a fresh take on virtual gambling – one that feels immersive, intuitive, and globally relevant. Logo I was tasked to create logos for the parent company, as well as their first product.Tasks:Create a logo for HoMetaCasino that balances their legacy in the casino industry and an innovative approach to the online gambling sphereDesign a memorable visual identity for WhalePlay as their leading platform that stands out from the competition and appeals to the target market. Approach:Both logos combine sophisticated minimalism with futuristic elements, strongly leaning into balanced geometric shapes that offer stability.The visual identity echoes the core brand values - transparency, community, and entertainment. <img width="1728" height="1152" width_o="1728" height_o="1152" data-src="https://freight.cargo.site/t/original/i/c611b169e98dd7a5707c7f2dc16d563233565820d98bc0d8c1d262748466f9fe/HMC_WP_LogosArtboard-14x-100.jpg" data-mid="244289772" border="0" src="https://freight.cargo.site/w/1000/i/c611b169e98dd7a5707c7f2dc16d563233565820d98bc0d8c1d262748466f9fe/HMC_WP_LogosArtboard-14x-100.jpg" /> <img width="1728" height="1153" width_o="1728" height_o="1153" data-src="https://freight.cargo.site/t/original/i/d048309d82e96731500da0ebbfb189b120c0ea1d84272e88a5d76bb0bdfdac25/HMC_WP_LogosArtboard-1-copy4x-100.jpg" data-mid="244289771" border="0" src="https://freight.cargo.site/w/1000/i/d048309d82e96731500da0ebbfb189b120c0ea1d84272e88a5d76bb0bdfdac25/HMC_WP_LogosArtboard-1-copy4x-100.jpg" /> <img width="1728" height="1153" width_o="1728" height_o="1153" data-src="https://freight.cargo.site/t/original/i/b2830f4839e36cf016c614bfbdaf11b2f5b468ce8b03f18214db0d19345566cd/HMC_WP_LogosArtboard-1-copy-24x-100.jpg" data-mid="244289770" border="0" src="https://freight.cargo.site/w/1000/i/b2830f4839e36cf016c614bfbdaf11b2f5b468ce8b03f18214db0d19345566cd/HMC_WP_LogosArtboard-1-copy-24x-100.jpg" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/6175bf7abbec6fa0a0361f26c371f4f4c10ffc8c531ce9dba73b1ea48ff54ede/Slide-4_3---10.png" data-mid="244284586" border="0" src="https://freight.cargo.site/w/1000/i/6175bf7abbec6fa0a0361f26c371f4f4c10ffc8c531ce9dba73b1ea48ff54ede/Slide-4_3---10.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/5cb99de6674fc60c39ec4090cf22f480fdb1abffe46bf3caf9393fc2040f25a5/Slide-4_3---13.png" data-mid="244284587" border="0" src="https://freight.cargo.site/w/1000/i/5cb99de6674fc60c39ec4090cf22f480fdb1abffe46bf3caf9393fc2040f25a5/Slide-4_3---13.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/de4ff127f00caa3ba02c88f878826564290cbd36d61d66c323fb0eb2c79933bb/Slide-4_3---21.png" data-mid="244284589" border="0" src="https://freight.cargo.site/w/1000/i/de4ff127f00caa3ba02c88f878826564290cbd36d61d66c323fb0eb2c79933bb/Slide-4_3---21.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/281cd9208ee5719f05db614963753cd2d47b9e4499acf1dcb48dc0376b89da49/Slide-4_3---33.png" data-mid="244284591" border="0" src="https://freight.cargo.site/w/1000/i/281cd9208ee5719f05db614963753cd2d47b9e4499acf1dcb48dc0376b89da49/Slide-4_3---33.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/d7fd07f227f9991f485b994af1f68ceb0e265063dabec886ae21589b5f0843af/Slide-4_3---18.png" data-mid="244284588" border="0" src="https://freight.cargo.site/w/1000/i/d7fd07f227f9991f485b994af1f68ceb0e265063dabec886ae21589b5f0843af/Slide-4_3---18.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/a53f21d2328f63d2190afaeb8daa3614dbb70c8a3f9df56b2c4da24f57db6280/Slide-4_3---46.png" data-mid="244284593" border="0" src="https://freight.cargo.site/w/1000/i/a53f21d2328f63d2190afaeb8daa3614dbb70c8a3f9df56b2c4da24f57db6280/Slide-4_3---46.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/f7e108267ea3fad8c5c4330ae3d7215c1285680ca0873f41b2649bbd64960abf/Slide-4_3---36.png" data-mid="244284592" border="0" src="https://freight.cargo.site/w/1000/i/f7e108267ea3fad8c5c4330ae3d7215c1285680ca0873f41b2649bbd64960abf/Slide-4_3---36.png" /> <img width="3840" height="2160" width_o="3840" height_o="2160" data-src="https://freight.cargo.site/t/original/i/3d8487029425ac25beb1c89da1a42d46f54f51e92b245f539c049978d3ea5979/Slide-4_3---24.png" data-mid="244284590" border="0" src="https://freight.cargo.site/w/1000/i/3d8487029425ac25beb1c89da1a42d46f54f51e92b245f539c049978d3ea5979/Slide-4_3---24.png" /> Branding Guidelines Comprehensive guide covering branding standards for external vendors and internal use.&nbsp;Collaborator: Julia Bernatek Website DesignThe design process involved weekly feedback sessions with the WhalePlay team, including frontend and backend developers to ensure smooth handoff. The prelaunch website was created with the goal of building excitement among the community members for the launch, as well as gathering contact information of future users who want to stay updated. <img width="3000" height="2250" width_o="3000" height_o="2250" data-src="https://freight.cargo.site/t/original/i/e3e3ad5a96468016741eb465144011162a71a9b9dbdeb458da5c78729ff3b815/Preregistration_Mock.png" data-mid="244284594" border="0" src="https://freight.cargo.site/w/1000/i/e3e3ad5a96468016741eb465144011162a71a9b9dbdeb458da5c78729ff3b815/Preregistration_Mock.png" /> <img width="4401" height="3600" width_o="4401" height_o="3600" data-src="https://freight.cargo.site/t/original/i/620e649c6c459751d4027bfd7897e79d8f32fdade66c3596131ba603f2c1a1ad/Mobile_Drafts_layoutArtboard-1-copy2x.png" data-mid="244284596" border="0" src="https://freight.cargo.site/w/1000/i/620e649c6c459751d4027bfd7897e79d8f32fdade66c3596131ba603f2c1a1ad/Mobile_Drafts_layoutArtboard-1-copy2x.png" /> <img width="4401" height="3600" width_o="4401" height_o="3600" data-src="https://freight.cargo.site/t/original/i/e93e663844edec015ea46d2cc2eb2507843a2a13f9e47d93fa9e5980ac66ce91/Desktop_Drafts_layoutArtboard-12x.png" data-mid="244284595" border="0" src="https://freight.cargo.site/w/1000/i/e93e663844edec015ea46d2cc2eb2507843a2a13f9e47d93fa9e5980ac66ce91/Desktop_Drafts_layoutArtboard-12x.png" /> Landing Page &amp; Game LibraryWe were tasked with designing the highest priority pages - landing and game library pages, with the goal of establishing a visual design system and a base structure their in-house designers would implement throughout the rest of the platform.Julia and I started with individual explorations, aiming to get a breadth of ideas we can pull from to create two directions to share with the team. Collaborator: Julia Bernatek Process Based on feedback, we combined the best of both initial designs and started developing the game library design, as well as mobile versions of both.A key challenge was adapting the designs for smaller screens while maintaining intuitive navigation across games and menus.We collaborated across all aspects of the project, with defined leads: I led project management and prototype iteration, while Julia developed responsive components and a comprehensive UI kit. <img width="3000" height="2250" width_o="3000" height_o="2250" data-src="https://freight.cargo.site/t/original/i/958a2c7e01cd7c87dc60d38f4d78fad02a6abddb7fd4f79dd6e2a41af18d6903/MockCategory.png" data-mid="244293548" border="0" src="https://freight.cargo.site/w/1000/i/958a2c7e01cd7c87dc60d38f4d78fad02a6abddb7fd4f79dd6e2a41af18d6903/MockCategory.png" /> <img width="2593" height="1729" width_o="2593" height_o="1729" data-src="https://freight.cargo.site/t/original/i/a5438da19a1ef16b6a47db8d7a078f9790d63504952fa55a5590c36a809db5d7/WP_Phone_MocksArtboard-1-copy-32x-100.jpg" data-mid="244293549" border="0" src="https://freight.cargo.site/w/1000/i/a5438da19a1ef16b6a47db8d7a078f9790d63504952fa55a5590c36a809db5d7/WP_Phone_MocksArtboard-1-copy-32x-100.jpg" /> <img width="2593" height="1729" width_o="2593" height_o="1729" data-src="https://freight.cargo.site/t/original/i/f7177cd36d8d951d26b21e1f3247e4018d4769756eb9b0db4f418c0c6c918d4a/WP_Phone_MocksArtboard-1-copy-42x-100.jpg" data-mid="244293550" border="0" src="https://freight.cargo.site/w/1000/i/f7177cd36d8d951d26b21e1f3247e4018d4769756eb9b0db4f418c0c6c918d4a/WP_Phone_MocksArtboard-1-copy-42x-100.jpg" /> <img width="5463" height="5566" width_o="5463" height_o="5566" data-src="https://freight.cargo.site/t/original/i/12ca9e64c0549d19cbe63252d60f38af50cf3aa76abbbdb8ab2741c8c739eae8/ui-kit.jpg" data-mid="244293551" border="0" src="https://freight.cargo.site/w/1000/i/12ca9e64c0549d19cbe63252d60f38af50cf3aa76abbbdb8ab2741c8c739eae8/ui-kit.jpg" /> https://sashac.cargo.site/Shell-URT Sun, 01 Feb 2026 22:00:13 +0000 Sasha's Portfolio https://sashac.cargo.site/Shell-URT Shell Ultimate Road TripsAdvertising│EssenceMediacom│Summer 2023 <img width="5399" height="3950" width_o="5399" height_o="3950" data-src="https://freight.cargo.site/t/original/i/b8ee641f032d13d841fb4b391e07a077b22fc27454dd0117c9e7479a30658624/crop.jpg" data-mid="244284634" border="0" src="https://freight.cargo.site/w/1000/i/b8ee641f032d13d841fb4b391e07a077b22fc27454dd0117c9e7479a30658624/crop.jpg" /> A multimedia ad campaign promoting the launch of Shell’s new gasoline. Context During my internship at EssenceMediacom, I worked with the Creative Futures team on the media activation for the Shell Ultimate Road Trips (URT) campaign. My primary responsibility involved generating a diverse set of ads for display on social media, various web platforms, and in-store distribution. Working with the URT logo which was already approved and a limited selection of assets provided by Fortnite, I adhered to strict branding guidelines set by Shell. Brief + ApproachThe goal of the campaign was to get our target audience to consider and choose Shell’s newest gasoline by conveying its benefits through gaming. Research revealed our key target audience: mostly millennial men with higher household income, constituting 10% of all drivers and spending approximately 16 hours per week gaming. Considering the audience and Shell’s needs, no other gaming platform could deliver like Fortnite. These ads aimed to attract players to explore the custom Shell URT map in Fortnite. Multimedia Campaign The campaign extended beyond in-game advertising in Fortnite. My focus encompassed creating multiple ads adhering to strict guidelines and specifications for platforms such as IGN, Reddit, Twitch, and Google Search. Additionally, I designed the Shell eGift Card, a tear pad for gas stations, and a custom URT Fortnite map. <img width="2135" height="1456" width_o="2135" height_o="1456" data-src="https://freight.cargo.site/t/original/i/60a76972022f94c39f1850f3eab287c96d575ca525fd96deb40aa9b171fb7696/shell-ads.jpg" data-mid="244284635" border="0" src="https://freight.cargo.site/w/1000/i/60a76972022f94c39f1850f3eab287c96d575ca525fd96deb40aa9b171fb7696/shell-ads.jpg" /> <img width="1920" height="1456" width_o="1920" height_o="1456" data-src="https://freight.cargo.site/t/original/i/c389fa84b7e074eb8bd297f411d8ff4df98b7d429034e8a621804e59ebea1264/shell-ads-2.jpg" data-mid="244284636" border="0" src="https://freight.cargo.site/w/1000/i/c389fa84b7e074eb8bd297f411d8ff4df98b7d429034e8a621804e59ebea1264/shell-ads-2.jpg" /> <img width="1921" height="1081" width_o="1921" height_o="1081" data-src="https://freight.cargo.site/t/original/i/9598aa1f00041a71d1020096c638733f7fb7e641787cbe62265d97385db03f03/ShellURT_MapFIN.png" data-mid="244284637" border="0" src="https://freight.cargo.site/w/1000/i/9598aa1f00041a71d1020096c638733f7fb7e641787cbe62265d97385db03f03/ShellURT_MapFIN.png" /> <img width="3046" height="5304" width_o="3046" height_o="5304" data-src="https://freight.cargo.site/t/original/i/6b9deff4fbbef9a9a0f536d2a09f68b06132ea6d529b759d934f6a703fc6b8a6/Shell-web.jpg" data-mid="244284638" border="0" data-scale="80" src="https://freight.cargo.site/w/1000/i/6b9deff4fbbef9a9a0f536d2a09f68b06132ea6d529b759d934f6a703fc6b8a6/Shell-web.jpg" /> Landing Page Design Collaborating closely with the copywriter, I adhered to Shell's internal web design specifications and capabilities to design the landing page for the campaign, including all necessary assets. Thece Ad I directed the creation of a livestream ad for Thece, an advertising technology company that connects brands with gaming enthusiasts through native livestream advertising. &nbsp; <img width="784" height="818" width_o="784" height_o="818" data-src="https://freight.cargo.site/t/original/i/4ce8629f5cf035e95084ac349d38074da8ce6cc227d027602dc9338357473a45/thece-frames.jpg" data-mid="244284639" border="0" src="https://freight.cargo.site/w/784/i/4ce8629f5cf035e95084ac349d38074da8ce6cc227d027602dc9338357473a45/thece-frames.jpg" /> https://sashac.cargo.site/LAS Sun, 01 Feb 2026 22:00:16 +0000 Sasha's Portfolio https://sashac.cargo.site/LAS LAS PartnershipUI/UX + Research│Graduate work│Spring 2023 <img width="3994" height="2378" width_o="3994" height_o="2378" data-src="https://freight.cargo.site/t/original/i/9ea43ca5c3c5238130db5274140ef506feb8e0e2f34941f4e49b6a71d6f70a79/three-screens-mockup-crop.png" data-mid="244284677" border="0" src="https://freight.cargo.site/w/1000/i/9ea43ca5c3c5238130db5274140ef506feb8e0e2f34941f4e49b6a71d6f70a79/three-screens-mockup-crop.png" /> A platform for language analysts powered by AI and ML. ContextThe Laboratory for Analytic Sciences (LAS) is a collaborative initiative between the intelligence community and North Carolina State University, established in 2013 by the National Security Agency.The LAS team provided my class with user personas and scenarios, forming the foundation for our project. Our approach involved human-centered research methods, incorporating primary and secondary research. This included frequent feedback sessions and interviews with LAS mentors to shape the project. Due to the classified nature of intelligence analysis work, we used the Nixon White House Tapes and a fictional country Kobia as a substitute source of content instead of typical data in this scenario. The ChallengeThe core research question this project addresses is: How might the design of an interface use the affordances of ML to enable voice language analysts to quickly produce reliable and robust intelligence that accurately conveys content, intent, and context?More specifically, the tasks included:- envisioning a unified interface environment- prototyping new AI-powered search methods- visualizing data patterns- prioritizing language analyst needs and desires.Project partner: Adam Noel Persona + User Journey Map We received a persona and scenario, focusing on senior analyst Ferris, a quality controller (QC) specializing in Kobian leadership.&nbsp; Despite extensive expertise, Ferris faces discomfort in integrating new technology into his workflow. QC responsibilities include reviewing team members' work, mentoring, communicating with report analysts, and leading initiatives. Through a journey map, we analyzed his workday, uncovering pain points such as frequent task-switching, repetitive manual work, challenges in finding manageable cuts for QC within a timeframe, and correcting others' work. <img width="3492" height="2837" width_o="3492" height_o="2837" data-src="https://freight.cargo.site/t/original/i/ddb2d1d19aeabf0f7eb91c72fa2c673b654294f8ecc02015d2676e02fba733c3/journey-map-vertical-bottom.jpg" data-mid="244284665" border="0" src="https://freight.cargo.site/w/1000/i/ddb2d1d19aeabf0f7eb91c72fa2c673b654294f8ecc02015d2676e02fba733c3/journey-map-vertical-bottom.jpg" /> <img width="3492" height="2969" width_o="3492" height_o="2969" data-src="https://freight.cargo.site/t/original/i/d1a825f083c6f8fb7a2cb8d78a3f17a7baa8869f082e731c974b754d87aca20c/journey-map-vertical-top.jpg" data-mid="244284664" border="0" src="https://freight.cargo.site/w/1000/i/d1a825f083c6f8fb7a2cb8d78a3f17a7baa8869f082e731c974b754d87aca20c/journey-map-vertical-top.jpg" /> <img width="4467" height="4532" width_o="4467" height_o="4532" data-src="https://freight.cargo.site/t/original/i/fe170869b2c6d90953094f71f5590fee878570acd2cfb8219d58f1c03bc58e25/ideation-stickies.jpg" data-mid="244284667" border="0" src="https://freight.cargo.site/w/1000/i/fe170869b2c6d90953094f71f5590fee878570acd2cfb8219d58f1c03bc58e25/ideation-stickies.jpg" /> <img width="4725" height="4284" width_o="4725" height_o="4284" data-src="https://freight.cargo.site/t/original/i/15bafca7b347657d940e550794b4d03262f83e8e8f0d84b3d3ac7308e697de33/BENCHMARKING.jpg" data-mid="244284666" border="0" src="https://freight.cargo.site/w/1000/i/15bafca7b347657d940e550794b4d03262f83e8e8f0d84b3d3ac7308e697de33/BENCHMARKING.jpg" /> Benchmarking + Ideation Given the classified nature of LAS and language analysts' work, there was no reference to existing software used. This granted us complete creative freedom, prompting us to seek inspiration from external sources. I explored precedents such as Grammarly, Notion, Genius Lyrics, and Descript. Using Miro, we initiated ideation on features and ways to integrate AI for minimizing repetitive tasks within the user flow. Sketches + User FlowThe sketches underwent multiple rounds of feedback from LAS mentors and classmates during development. I focused on crafting a fluid interface, facilitating seamless navigation between folders, files, and various editing environments. Priority was given to enabling users to preview files before committing and AI features were strategically integrated to optimize workflow without compromising user agency. Descriptions of the user flow at this stage played a crucial role in conveying interface functions and minimizing friction during the transition to wireframing. <img width="3320" height="2646" width_o="3320" height_o="2646" data-src="https://freight.cargo.site/t/original/i/7a6aff3a1caffb13acadd3fbbe6cef8cf62ccc0797facadd0686ea9c6eb23635/LAS-User-flow-bottom.jpg" data-mid="244284669" border="0" src="https://freight.cargo.site/w/1000/i/7a6aff3a1caffb13acadd3fbbe6cef8cf62ccc0797facadd0686ea9c6eb23635/LAS-User-flow-bottom.jpg" /> <img width="3321" height="2708" width_o="3321" height_o="2708" data-src="https://freight.cargo.site/t/original/i/ac9982d6f043431153a143592ead95a44c4389f5b4aa66af91182d36c6b5bd4a/LAS-User-flow-top.jpg" data-mid="244284668" border="0" src="https://freight.cargo.site/w/1000/i/ac9982d6f043431153a143592ead95a44c4389f5b4aa66af91182d36c6b5bd4a/LAS-User-flow-top.jpg" /> Scenario VideoThe video demonstrates the interface in use from the perspective of the persona. Animation and voiceover by Adam Noel <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/8a2fc32e51afba10f8abe1e0e365b9ee233a854354bf8daddf949eaa9b6f2726/76.jpg" data-mid="244284674" border="0" src="https://freight.cargo.site/w/1000/i/8a2fc32e51afba10f8abe1e0e365b9ee233a854354bf8daddf949eaa9b6f2726/76.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/be8d027b9bfeffa10cb1b208fa095d75b69002071b9dde835bb006743a6f3f3e/95.jpg" data-mid="244284671" border="0" src="https://freight.cargo.site/w/1000/i/be8d027b9bfeffa10cb1b208fa095d75b69002071b9dde835bb006743a6f3f3e/95.jpg" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/c19a111795f101c9c7a1c095ceb6c7c423fa63adb38c3a09e29b27cb0d2b6ed9/89.jpg" data-mid="244284673" border="0" src="https://freight.cargo.site/w/1000/i/c19a111795f101c9c7a1c095ceb6c7c423fa63adb38c3a09e29b27cb0d2b6ed9/89.jpg" /> <img width="1919" height="1080" width_o="1919" height_o="1080" data-src="https://freight.cargo.site/t/original/i/e0e9caf123696284372084140b3415f3df8dff97deff3de0575cd960960da3f5/150.jpg" data-mid="244284672" border="0" src="https://freight.cargo.site/w/1000/i/e0e9caf123696284372084140b3415f3df8dff97deff3de0575cd960960da3f5/150.jpg" /> Visual Language + UI DesignConsidering the context of use where language analysts (LAs) often work on multiple screens for extended hours in high-pressure situations, I chose a dark background with subtle pops of color to differentiate key features. I paired legible Exo 2 with Inter. Despite its rich functionality, the interface avoids overcrowding with buttons and aims not to overwhelm the user. Each environment within the interface selectively displays only essential features and information, enabling analysts to concentrate on their tasks. KEY FEATURES Smart Filters The file explorer is equipped with advanced filters. These AI-powered tools offer QCers a quick insight into recordings and transcripts, aiding swift decisions on whether they have the time and energy for quality control. The time feature, utilizing machine learning, provides an estimate of the time needed for quality control, drawing from historical use and file-specific data, including jargon and audio quality. Language analysis and comparison with previous files label tracks with a language level, indicating the complexity of jargon used.&nbsp; Priority is set by the team and not the AI, as that is an important area for analysts to maintain agency. <img width="2964" height="944" width_o="2964" height_o="944" data-src="https://freight.cargo.site/t/original/i/c7dc5576e90b97d912f85756d1d4c0dea82e7d168985759fec10e63f3ea352dc/Frame-214-crop.png" data-mid="244284675" border="0" src="https://freight.cargo.site/w/1000/i/c7dc5576e90b97d912f85756d1d4c0dea82e7d168985759fec10e63f3ea352dc/Frame-214-crop.png" /> <img width="3210" height="1329" width_o="3210" height_o="1329" data-src="https://freight.cargo.site/t/original/i/ff8abc18334e1b0b901153f89737141bcc1b4e0e7e017ced45f31fd2f3cec365/Frame-213.png" data-mid="244284670" border="0" src="https://freight.cargo.site/w/1000/i/ff8abc18334e1b0b901153f89737141bcc1b4e0e7e017ced45f31fd2f3cec365/Frame-213.png" /> Visual IndicatorsVisual Indicators enrich the transcription environment with labels that are placed in line with corresponding terms.&nbsp; These indicators offer a quick understanding of the conversation's content and serve as reminders for important terms the user may be tracking. Assisted Summary Found in the transcription environment sidebar, the Assisted Summary addresses the time-consuming task of writing summaries for QCers. To streamline this process, the QCer selects vital script sections while reading, informing the Assisted Summary feature. The summary dynamically updates as the user adds more text and allows easy editing before forwarding it to the next recipient. <img width="1262" height="1607" width_o="1262" height_o="1607" data-src="https://freight.cargo.site/t/original/i/17f3ee5db54b2d15402de65f5360b7dd7c9120d54930d0050b6be67dfb236425/Frame-218-crop.png" data-mid="244284676" border="0" data-scale="68" src="https://freight.cargo.site/w/1000/i/17f3ee5db54b2d15402de65f5360b7dd7c9120d54930d0050b6be67dfb236425/Frame-218-crop.png" /> https://sashac.cargo.site/Cut-Paste-Fest Sun, 01 Feb 2026 22:00:18 +0000 Sasha's Portfolio https://sashac.cargo.site/Cut-Paste-Fest Cut+Paste FestUI/UX + Branding│Student work│Spring 2021 Cut+Paste Fest is an international festival centered around contemporary collage. Aesthetic DecisionsWhile creating the brand aesthetic I had to consider how the various elements and colors would interact with the featured artworks, which is central to the festival and the website. I wanted to balance a bold and clean look, as there was a lot of information that had to be well organized and easily accessible. I decided to go for a minimal color palette, alternating between blue and white background with red accents, focusing on geometry and layering. <img width="3301" height="5100" width_o="3301" height_o="5100" data-src="https://freight.cargo.site/t/original/i/aee802e76273ea4129631f53a0eeb9b9dfee58825ae8e8c7722c12aee50f5f14/MOODBOARDFINArtboard-4.jpg" data-mid="244284682" border="0" src="https://freight.cargo.site/w/1000/i/aee802e76273ea4129631f53a0eeb9b9dfee58825ae8e8c7722c12aee50f5f14/MOODBOARDFINArtboard-4.jpg" /> <img width="1280" height="1280" width_o="1280" height_o="1280" data-src="https://freight.cargo.site/t/original/i/a1a08567942ac141bfafff037471b81db3a4ce538dd8dbed8c300571dc06cee0/brainstorm.jpg" data-mid="244284689" border="0" src="https://freight.cargo.site/w/1000/i/a1a08567942ac141bfafff037471b81db3a4ce538dd8dbed8c300571dc06cee0/brainstorm.jpg" /> Creating the WebsiteThe first step in creating the website was brainstorming the name, looking at websites with similar themes, and coming up with necessary sections and organizing them in a logical manner to create a sitemap. I proceeded to do lofi sketches in Procreate, fleshing out the website structure, before switching to Xd. I planned out a mobile version of the homepage, in which I made adjustments to the column layout and menu to accomodate for the smaller screen size. <img width="7800" height="4800" width_o="7800" height_o="4800" data-src="https://freight.cargo.site/t/original/i/7cf03d1ba15d69c2c64c12f715e9b19124da94902158583116aa9a9a67fbb212/cutpastePROCESSArtboard-1.jpg" data-mid="244284679" border="0" src="https://freight.cargo.site/w/1000/i/7cf03d1ba15d69c2c64c12f715e9b19124da94902158583116aa9a9a67fbb212/cutpastePROCESSArtboard-1.jpg" /> <img width="7801" height="4800" width_o="7801" height_o="4800" data-src="https://freight.cargo.site/t/original/i/da9fe876f5c12aaca103c9216b06a70d2eb92c23cd3ade20f2c1ebb6e9f27d68/posterFINArtboard-2.jpg" data-mid="244284680" border="0" src="https://freight.cargo.site/w/1000/i/da9fe876f5c12aaca103c9216b06a70d2eb92c23cd3ade20f2c1ebb6e9f27d68/posterFINArtboard-2.jpg" /> <img width="3509" height="4962" width_o="3509" height_o="4962" data-src="https://freight.cargo.site/t/original/i/54f4a5b3ebc395b16944d2e5e855aefef7745971a197fdb7cca3e0c4b0b499d1/1BRANDBOARDFINArtboard-5.jpg" data-mid="244284683" border="0" data-scale="79" src="https://freight.cargo.site/w/1000/i/54f4a5b3ebc395b16944d2e5e855aefef7745971a197fdb7cca3e0c4b0b499d1/1BRANDBOARDFINArtboard-5.jpg" /> BrandingI wanted the logo to be graphic and reflect the theme of the festival. Shuriken Boy is a bold, decorative typeface that is characterized by geometric shapes and rounded corners. I paired it with Space Grotesk, which is a legible monospace font that contrasts the dynamism of the logo. Since there is a considerable amount of text, I went for Roboto as it is very legible and friendly. CollagesMaking collages for this project was a fun process since I looked at various collage styles and emulated them, in order to create a variety of works that would reflect artists of diverse backgrounds. I generated names of international artists, wrote short biographies, and named their works in different languages. <img width="2160" height="2160" width_o="2160" height_o="2160" data-src="https://freight.cargo.site/t/original/i/3685fd1a969bf5d5b599f93fea05a9862a1eaf8f5e9cf281fa3728ae88f5a27b/mirrorscollage.jpg" data-mid="244284691" border="0" src="https://freight.cargo.site/w/1000/i/3685fd1a969bf5d5b599f93fea05a9862a1eaf8f5e9cf281fa3728ae88f5a27b/mirrorscollage.jpg" /> <img width="4715" height="5036" width_o="4715" height_o="5036" data-src="https://freight.cargo.site/t/original/i/ef17599a011aec83af18c06aec8b8a20980abd10c13e96551798cd7f7adbffdb/IMG_3510.JPG" data-mid="244284692" border="0" src="https://freight.cargo.site/w/1000/i/ef17599a011aec83af18c06aec8b8a20980abd10c13e96551798cd7f7adbffdb/IMG_3510.JPG" /> <img width="3293" height="3681" width_o="3293" height_o="3681" data-src="https://freight.cargo.site/t/original/i/16e709f2b38f7e3762232076f9b2b5c660a000f48c2ff297a2c1ce6e24267a8d/IMG_3523.JPG" data-mid="244284694" border="0" src="https://freight.cargo.site/w/1000/i/16e709f2b38f7e3762232076f9b2b5c660a000f48c2ff297a2c1ce6e24267a8d/IMG_3523.JPG" /> <img width="3300" height="5100" width_o="3300" height_o="5100" data-src="https://freight.cargo.site/t/original/i/092c89e9cc2fd718532fd9f83cdd58d9a9a188d3af6d7a0739d1bb8e9c5db2f3/IMG_3531.JPG" data-mid="244284695" border="0" src="https://freight.cargo.site/w/1000/i/092c89e9cc2fd718532fd9f83cdd58d9a9a188d3af6d7a0739d1bb8e9c5db2f3/IMG_3531.JPG" /> <img width="1947" height="2899" width_o="1947" height_o="2899" data-src="https://freight.cargo.site/t/original/i/0f14fd4d49ced80dcd3f0cc00efbe48e1657cb7a1954eb17834fc75ac3fa44e0/IMG_3761.JPG" data-mid="244284696" border="0" src="https://freight.cargo.site/w/1000/i/0f14fd4d49ced80dcd3f0cc00efbe48e1657cb7a1954eb17834fc75ac3fa44e0/IMG_3761.JPG" /> <img width="3274" height="4393" width_o="3274" height_o="4393" data-src="https://freight.cargo.site/t/original/i/255f47ad34c457b24d92281ba97be96815b2870fba4dd0aab1ccc6cecc8f57c6/IMG_3764.JPG" data-mid="244284698" border="0" src="https://freight.cargo.site/w/1000/i/255f47ad34c457b24d92281ba97be96815b2870fba4dd0aab1ccc6cecc8f57c6/IMG_3764.JPG" /> <img width="3300" height="5100" width_o="3300" height_o="5100" data-src="https://freight.cargo.site/t/original/i/cf4e043eb8e63531c281934b5beb549bd637ace827bee48f5f618fb7da0f65b4/IMG_3515.JPG" data-mid="244284693" border="0" src="https://freight.cargo.site/w/1000/i/cf4e043eb8e63531c281934b5beb549bd637ace827bee48f5f618fb7da0f65b4/IMG_3515.JPG" /> <img width="3312" height="4336" width_o="3312" height_o="4336" data-src="https://freight.cargo.site/t/original/i/a6bdc7f2e0fad83fbaaafdf93c5c47431fab663eaf27127b9837ca7de77a481c/IMG_3781.JPG" data-mid="244284699" border="0" src="https://freight.cargo.site/w/1000/i/a6bdc7f2e0fad83fbaaafdf93c5c47431fab663eaf27127b9837ca7de77a481c/IMG_3781.JPG" /> <img width="2181" height="3300" width_o="2181" height_o="3300" data-src="https://freight.cargo.site/t/original/i/5cd185fc3783f33e9e2e4e0915dd93ca66869a48157b6e31e7a9dd08cc00b4b5/IMG_3762.JPG" data-mid="244284697" border="0" src="https://freight.cargo.site/w/1000/i/5cd185fc3783f33e9e2e4e0915dd93ca66869a48157b6e31e7a9dd08cc00b4b5/IMG_3762.JPG" /> <img width="2190" height="3470" width_o="2190" height_o="3470" data-src="https://freight.cargo.site/t/original/i/e791a4e16d5ef055ff55a94d8cbd9022110752d8ecb8cfb1765496c661f7ccbd/IMG_3833.JPG" data-mid="244284700" border="0" src="https://freight.cargo.site/w/1000/i/e791a4e16d5ef055ff55a94d8cbd9022110752d8ecb8cfb1765496c661f7ccbd/IMG_3833.JPG" /> <img width="2719" height="4252" width_o="2719" height_o="4252" data-src="https://freight.cargo.site/t/original/i/924a88d7e343c2ce3ecc8dbcfbed8aae1efcccea430912757d06158cc4e1dfb7/IMG_3834.JPG" data-mid="244284701" border="0" src="https://freight.cargo.site/w/1000/i/924a88d7e343c2ce3ecc8dbcfbed8aae1efcccea430912757d06158cc4e1dfb7/IMG_3834.JPG" /> <img width="5201" height="3201" width_o="5201" height_o="3201" data-src="https://freight.cargo.site/t/original/i/47af2a17bde7e8c7cb7bdad33e441afc8b3d01a12d43646c4555bf54efc7feed/finalscreensUPDATEDArtboard-3.png" data-mid="244284688" border="0" src="https://freight.cargo.site/w/1000/i/47af2a17bde7e8c7cb7bdad33e441afc8b3d01a12d43646c4555bf54efc7feed/finalscreensUPDATEDArtboard-3.png" /> Final LayoutAfter writing all the copy and finishing the layout in Xd, I worked on adding elements and subtle hover animations that would help with navigation and embody the subject of the festival. Images of maps are of irregular shape and tinted red to fit the color scheme.Layered shapes help direct the viewers attention to important events, and a variety of dashed lines add visual interest. <img width="540" height="540" width_o="540" height_o="540" data-src="https://freight.cargo.site/t/original/i/0b7c679eaf965624b23f7c5c6faf1d7526effa61ac328064a76226d08f28a154/Adobe-XD-2021-06-25-13-28-21_4.gif" data-mid="244284686" border="0" src="https://freight.cargo.site/w/540/i/0b7c679eaf965624b23f7c5c6faf1d7526effa61ac328064a76226d08f28a154/Adobe-XD-2021-06-25-13-28-21_4.gif" /> <img width="900" height="900" width_o="900" height_o="900" data-src="https://freight.cargo.site/t/original/i/7886cd2db2dadd4c2b6073e5f9f2b6161ef41a3a92d841d234e0811260a15e5f/Adobe-XD-2021-06-25-13-28-21_3.gif" data-mid="244284685" border="0" src="https://freight.cargo.site/w/900/i/7886cd2db2dadd4c2b6073e5f9f2b6161ef41a3a92d841d234e0811260a15e5f/Adobe-XD-2021-06-25-13-28-21_3.gif" /> <img width="900" height="900" width_o="900" height_o="900" data-src="https://freight.cargo.site/t/original/i/f7af4d6b8ecb0870d5517b2eacad3161de96ff88898d635a12b144db31d96355/gifresize2.gif" data-mid="244284684" border="0" src="https://freight.cargo.site/w/900/i/f7af4d6b8ecb0870d5517b2eacad3161de96ff88898d635a12b144db31d96355/gifresize2.gif" /> <img width="1200" height="1200" width_o="1200" height_o="1200" data-src="https://freight.cargo.site/t/original/i/7d6303b5bfc0089c4066cc0d5d2a9714ffb904df8f9680d2df43999129dd89ad/Adobe-XD-2021-06-25-13-28-21.gif" data-mid="244284687" border="0" src="https://freight.cargo.site/w/1000/i/7d6303b5bfc0089c4066cc0d5d2a9714ffb904df8f9680d2df43999129dd89ad/Adobe-XD-2021-06-25-13-28-21.gif" /> https://sashac.cargo.site/Kameni-spavac Sun, 01 Feb 2026 22:00:19 +0000 Sasha's Portfolio https://sashac.cargo.site/Kameni-spavac Kameni spavač Illustration│Student work│Spring 2021 <img width="4500" height="3400" width_o="4500" height_o="3400" data-src="https://freight.cargo.site/t/original/i/8783bf9fc57a67ef24b353244910b4ad5591acbbb81be3f8bdd89edff5195350/mockupall.jpg" data-mid="244284703" border="0" src="https://freight.cargo.site/w/1000/i/8783bf9fc57a67ef24b353244910b4ad5591acbbb81be3f8bdd89edff5195350/mockupall.jpg" /> <img width="3000" height="2250" width_o="3000" height_o="2250" data-src="https://freight.cargo.site/t/original/i/72562e1bda0b7a42042672226441d00a9a19590cbf60a153b83981d7165fce70/3cards.jpg" data-mid="244284702" border="0" src="https://freight.cargo.site/w/1000/i/72562e1bda0b7a42042672226441d00a9a19590cbf60a153b83981d7165fce70/3cards.jpg" /> <img width="3600" height="2268" width_o="3600" height_o="2268" data-src="https://freight.cargo.site/t/original/i/c98f0912a2221ddda6aef67e0c573f897eab99d455f51431811bce5d4790550e/bothboxsidesandcardback1.jpg" data-mid="244284710" border="0" src="https://freight.cargo.site/w/1000/i/c98f0912a2221ddda6aef67e0c573f897eab99d455f51431811bce5d4790550e/bothboxsidesandcardback1.jpg" /> Kameni spavač is a deck of cards inspired by medieval Bosnian tombstones - &nbsp;stećci. ResearchI have found these six books while doing research, and they were very helpful in getting more information about stećci and the decorative motifs used. These books had images that I couldn’t find any other place on the internet, as well as thematically organized motifs and sketches. <img width="4014" height="1575" width_o="4014" height_o="1575" data-src="https://freight.cargo.site/t/original/i/85babf61b80c71e90f85473b8de8602d55d75d657793e25e4d0b6838484b29fb/cardsforportfolioArtboard-13x.png" data-mid="244284704" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/85babf61b80c71e90f85473b8de8602d55d75d657793e25e4d0b6838484b29fb/cardsforportfolioArtboard-13x.png" /> <img width="2334" height="1179" width_o="2334" height_o="1179" data-src="https://freight.cargo.site/t/original/i/0e8128641e70b8effb63ad5b68e784682e81926a1f5ee849444a34d39bebaeaf/cardsforportfolioArtboard-23x.png" data-mid="244284706" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/0e8128641e70b8effb63ad5b68e784682e81926a1f5ee849444a34d39bebaeaf/cardsforportfolioArtboard-23x.png" /> Jack/Žandar The Jack/Žandar card is based on the stećak from Radimlja, from the 13th century. Radimlja is a stećak necropolis located near Stolac, Bosnia and Herzegovina. The symbol I picked for this card is a rosette, which are often found on stećci, either alone or arranged as ornaments/borders, and they come in many different styles. Queen/KraljicaThe Queen/Kraljica card was based on queen Jelena Gruba’s stone chair. It has a beautiful floral relief and the queen on the side, with more details visible on the postal stamp I found while looking for additional resources. The symbol I picked represents grapevine, which is thought to be symbolic of femininity. I also had to find a solution for the letter K, since both king and queen start with a K in Bosnian. One of the bosančica sources listed many different variants of the same letter that were used on stećci, so I used two different variations as the solution. <img width="3970" height="1408" width_o="3970" height_o="1408" data-src="https://freight.cargo.site/t/original/i/819222618db14adba84ca16a9f8c0124be9e7ae59aa16ebe1523daab7a7adb48/cardsforportfolioArtboard-43x.png" data-mid="244284707" border="0" src="https://freight.cargo.site/w/1000/i/819222618db14adba84ca16a9f8c0124be9e7ae59aa16ebe1523daab7a7adb48/cardsforportfolioArtboard-43x.png" /> <img width="3895" height="1551" width_o="3895" height_o="1551" data-src="https://freight.cargo.site/t/original/i/1290f57d6817c9072444ec101287e73e96f7403f0bcfb6274ca09c9305704dad/cardsforportfolioArtboard-53x.png" data-mid="244284708" border="0" src="https://freight.cargo.site/w/1000/i/1290f57d6817c9072444ec101287e73e96f7403f0bcfb6274ca09c9305704dad/cardsforportfolioArtboard-53x.png" /> King/Kralj To create the King/Kralj card, I combined elements from different sources. The first source I found was the stamp of king Tvrtko, from which I referenced the crown and sceptre, both featuring the Bosnian lily (Lilium bosniacum). This flower was and still is used as a state symbol, so I thought it was important to use it as a suit. Because the anatomy of people found on stećci was often stylized, I decided to reference the sketch I found in one of the books, depicting a warrior with broad shoulders. The BoxI decided to name my card deck by Mak Dizdar’s poetry book inspired by stećci inscriptions, titled Kameni spavač (Stone Sleeper).&nbsp; That part of the text on the front of the box is a bit more prominent so it stands out from the rest of the inscription. The text in bosančica on the cover reads: Ase leži dobri čovjek i heroj kameni spavač i njegove karte//Here lies a good man and hero stone sleeper and his cards. I found that a lot of the stećci inscriptions began with ase leži and then described the person in a few words.The figure depicted on the stećak from Bratunac looked like it was peacefully sleeping. I paired with the text and placed it above his head, like the Guest Milutin’s stećak. <img width="3999" height="1627" width_o="3999" height_o="1627" data-src="https://freight.cargo.site/t/original/i/0a17d2218525aa5a0d5c0de5d28f576cc6e769afdf84c324c2bd3145946ae127/cardsforportfolioArtboard-63x.png" data-mid="244284709" border="0" src="https://freight.cargo.site/w/1000/i/0a17d2218525aa5a0d5c0de5d28f576cc6e769afdf84c324c2bd3145946ae127/cardsforportfolioArtboard-63x.png" /> The side of the box shows people dancing the traditional kolo, often found on many stećci. This one in particular has both women and men.The back of the box features the name of the deck and a short description in bosančica, Bosnian, and English.The back of the card is inspired by this detailed relief on a stećak from Donja Zgošća, near Kakanj, dating from around the 15th century. Hunting scenes and people riding horses were often found on stećci, but rarely this well preserved. <img width="1574" height="3088" width_o="1574" height_o="3088" data-src="https://freight.cargo.site/t/original/i/2b7c526c491039ec4907ef07f1ddb05d14b92f3f8cbb746de15f83d571863771/cardsforportfolioArtboard-73x1.png" data-mid="244284712" border="0" src="https://freight.cargo.site/w/1000/i/2b7c526c491039ec4907ef07f1ddb05d14b92f3f8cbb746de15f83d571863771/cardsforportfolioArtboard-73x1.png" /> <img width="1574" height="2191" width_o="1574" height_o="2191" data-src="https://freight.cargo.site/t/original/i/4189bdd7ec420e080e41e7432c88ae4a55bb197a7acdebcc51c073762ee6d433/cardsforportfolioArtboard-73x2.png" data-mid="244284711" border="0" src="https://freight.cargo.site/w/1000/i/4189bdd7ec420e080e41e7432c88ae4a55bb197a7acdebcc51c073762ee6d433/cardsforportfolioArtboard-73x2.png" /> https://sashac.cargo.site/IBhelpin Sun, 01 Feb 2026 22:00:21 +0000 Sasha's Portfolio https://sashac.cargo.site/IBhelpin IBhelpin’UI/UX│Adobe Jam│Fall 2021 <img width="3673" height="1944" width_o="3673" height_o="1944" data-src="https://freight.cargo.site/t/original/i/dc219d5386243920ea5613a8772d96e996696d306402707132d700ff95f91795/ibhelpinWEBArtboard-13x.png" data-mid="244284729" border="0" src="https://freight.cargo.site/w/1000/i/dc219d5386243920ea5613a8772d96e996696d306402707132d700ff95f91795/ibhelpinWEBArtboard-13x.png" /> <img width="3673" height="1945" width_o="3673" height_o="1945" data-src="https://freight.cargo.site/t/original/i/9bf0662f40eb816ef3238febc7167822bd910b6e213e857466e5a5eca0c42910/ibhelpinWEBArtboard-33x.png" data-mid="244284731" border="0" src="https://freight.cargo.site/w/1000/i/9bf0662f40eb816ef3238febc7167822bd910b6e213e857466e5a5eca0c42910/ibhelpinWEBArtboard-33x.png" /> IBhelpin’ is an inclusive app focused on volunteering opportunities for IB students. ProblemWe had a week to create an inclusive app for high school students of different backgrounds and abilities looking to volunteer. Since both my project partner and I graduated from the International Baccalaureate program (IB) at an international boarding school, we decided to make an app that we believe would help IB students fulfill the community service requirement. My part in the project was creating the app prototype, whereas my partner Julia worked on the illustrations and copywriting. App StructureWe started off by brainstorming all sections the app should have and then organized them in a map. We thought about tools that we would have found helpful while attending an IB school, and considered the international environment of IB schools in adding certain adjustments within the app. <img width="5100" height="3300" width_o="5100" height_o="3300" data-src="https://freight.cargo.site/t/original/i/32c24859541d6d9c3eee0f3c55b6f9a07e25fa43bd18f84c217861a9024ed99e/IMG_5390.PNG" data-mid="244284736" border="0" src="https://freight.cargo.site/w/1000/i/32c24859541d6d9c3eee0f3c55b6f9a07e25fa43bd18f84c217861a9024ed99e/IMG_5390.PNG" /> <img width="1413" height="1869" width_o="1413" height_o="1869" data-src="https://freight.cargo.site/t/original/i/fcd61515fab097ce6e37409885f6a75d4730c6a27cf0b75fe770855f6799b466/ibhelpinWEBArtboard-23x.png" data-mid="244284730" border="0" src="https://freight.cargo.site/w/1000/i/fcd61515fab097ce6e37409885f6a75d4730c6a27cf0b75fe770855f6799b466/ibhelpinWEBArtboard-23x.png" /> <img width="1424" height="1972" width_o="1424" height_o="1972" data-src="https://freight.cargo.site/t/original/i/3b204d4b83e4d2cc7c01725e73d15a44bfc9887b2c4c158c989693cb993a2cdb/ibhelpinWEBArtboard-63x.png" data-mid="244284735" border="0" src="https://freight.cargo.site/w/1000/i/3b204d4b83e4d2cc7c01725e73d15a44bfc9887b2c4c158c989693cb993a2cdb/ibhelpinWEBArtboard-63x.png" /> ProcessSince we had limited time for this poject, I did some quick sketches to sort out my thoughts and quickly plan out content, and then switched to working on wireframes in Xd. Visible above are initial wireframes for the signup process and how they look in the final version, with the added branding components. Some big changes between the draft and final is the added language and accessibility tab on the first page, and the option to choose between uploading a picture or picking an avatar.Shown here are wireframes and final screens from within the app. We decided to use the icons for categories as labels for events, and incorporated a slide up screen with additional information that opens when an event is selected. It was important for us that the user is able to filter their search results and see them on a map, to ensure they can find an event that best suits them and their needs. Accessibility Features The international nature of the program is something we considered while designing the app. We remember having classmates that attended our boarding school who were still in the process of learning English which is the primary language of the IB program, so we wanted to make sure changing the language is an option right from the start. Additionally, users can also pick their preferred date, time, and distance formats, ensuring there is no confusion or missed deadlines. Included are accessibility options and adjustments for colorblindness, which we tested for both visibility and aesthetics. IB Features An important part of completing the service requirement for IB students is writing reflections. In our and our friends’ experience, writing reflections was often forgotten due to an overwhelming amount of schoolwork, causing even more stress. For that reason, we decided to integrate reflections in the events tab. That way once you complete a volunteering session, you can easily access the event info and complete reflections within the app. <img width="1483" height="1022" width_o="1483" height_o="1022" data-src="https://freight.cargo.site/t/original/i/456ef5549a480a4f5e9632327b5fbe5c2aecbcb19ce3cc76c163fdcc9b975a85/ibhelpinWEBArtboard-53x.png" data-mid="244284734" border="0" src="https://freight.cargo.site/w/1000/i/456ef5549a480a4f5e9632327b5fbe5c2aecbcb19ce3cc76c163fdcc9b975a85/ibhelpinWEBArtboard-53x.png" /> <img width="1429" height="1001" width_o="1429" height_o="1001" data-src="https://freight.cargo.site/t/original/i/9a863594697bb7ea980887ad442b82d215d2f7ef1eb324c11d656d7c0566a7b5/ibhelpinWEBArtboard-43x.png" data-mid="244284732" border="0" src="https://freight.cargo.site/w/1000/i/9a863594697bb7ea980887ad442b82d215d2f7ef1eb324c11d656d7c0566a7b5/ibhelpinWEBArtboard-43x.png" /> The Mascot We used the mascot to show the user around the app to ensure they know how to navigate it. After the signup process, the bee gives a tour of all the tabs and explains what can be found in them. It also pops up within the app, as can be seen on the second and third screen, to let the user know about reporting an event or simply give them an encouraging message. The bee is always easily accessible as it sits right next to the logo at the top, so the user can tap it any time they feel lost. Color Palette The cheerful mascot is paired with an energetic but still calming color palette, with the goal of providing comfort in the very stress-inducing program. Tabs Events are additionally organized and color coded in the calendar tab, allowing the user to see what their obligations for the month look like at a glance.&nbsp; Volunteering is all about building community, so we decided to include a community tab - a place to share ideas and experiences on a local and global level. <img width="1513" height="1021" width_o="1513" height_o="1021" data-src="https://freight.cargo.site/t/original/i/df295eb5a4d56c0c50b67d0d65c79066ce9e8572b0a4e40a9c9c533cb4725cf3/ibhelpinWEBArtboard-5-copy3x.png" data-mid="244284733" border="0" src="https://freight.cargo.site/w/1000/i/df295eb5a4d56c0c50b67d0d65c79066ce9e8572b0a4e40a9c9c533cb4725cf3/ibhelpinWEBArtboard-5-copy3x.png" /> https://sashac.cargo.site/Plavi-Orkestar Sun, 01 Feb 2026 22:00:22 +0000 Sasha's Portfolio https://sashac.cargo.site/Plavi-Orkestar Plavi orkestar: Soldatski BalBranding│Student work│Fall 2021 <img width="2400" height="1700" width_o="2400" height_o="1700" data-src="https://freight.cargo.site/t/original/i/878082df7d39625d3f6a7a3589df3045ef0707f68875eeb342c764850b59da20/Vinyl-Record-PSD-MockUp.jpg" data-mid="244284739" border="0" src="https://freight.cargo.site/w/1000/i/878082df7d39625d3f6a7a3589df3045ef0707f68875eeb342c764850b59da20/Vinyl-Record-PSD-MockUp.jpg" /> <img width="3973" height="2571" width_o="3973" height_o="2571" data-src="https://freight.cargo.site/t/original/i/4feec29e03e163794b5509374484d82b471c29625595b4636130b6c22d5f944b/extendedback-2.png" data-mid="244284742" border="0" src="https://freight.cargo.site/w/1000/i/4feec29e03e163794b5509374484d82b471c29625595b4636130b6c22d5f944b/extendedback-2.png" /> <img width="6000" height="4000" width_o="6000" height_o="4000" data-src="https://freight.cargo.site/t/original/i/df1f37516ec7aaea577026c2e8b41fb9b6710802e1e0494ff48ca0257645c12e/DSC_0512b.jpeg" data-mid="244284741" border="0" src="https://freight.cargo.site/w/1000/i/df1f37516ec7aaea577026c2e8b41fb9b6710802e1e0494ff48ca0257645c12e/DSC_0512b.jpeg" /> A visual system redesign for a Yugoslav band based on the perceived identity of music. Cultural &amp; Historical ContextThe debut album of Plavi orkestar (The Blue Orchestra) titled Soldatski bal (The Soldiers’ Ball) was released in 1985 and it was the highest selling debut album in Yugoslavia. The band members just finished their compulsory military service and were suddenly catapulted into fame at 20. Created during the New Primitives movement, the album merges old and new traditions, satire and typical Yugoslav humor - a mix which some described as camp. The original album cover was made by a member of a design group Trio, which usually manipulated existing mainstream works to create pieces that were often ironic and implemented elements of the local culture. For this album, they adapted an album cover from The Beatles by including Yugoslav historical and public figures. <img width="1920" height="932" width_o="1920" height_o="932" data-src="https://freight.cargo.site/t/original/i/04a327607ede8075b6df6588e1d3119ef79f86eec2301c2be3ef33c114a09534/PlaviWEBArtboard-13x-100-2.jpg" data-mid="244284749" border="0" src="https://freight.cargo.site/w/1000/i/04a327607ede8075b6df6588e1d3119ef79f86eec2301c2be3ef33c114a09534/PlaviWEBArtboard-13x-100-2.jpg" /> <img width="1280" height="921" width_o="1280" height_o="921" data-src="https://freight.cargo.site/t/original/i/8e0d9bcc8ecf6bb803f2ea549a46a81a6ad0aee38cb2de0222a4c9122e322dec/mindmap.jpg" data-mid="244284744" border="0" src="https://freight.cargo.site/w/1000/i/8e0d9bcc8ecf6bb803f2ea549a46a81a6ad0aee38cb2de0222a4c9122e322dec/mindmap.jpg" /> Analysis of Sound and Lyrics The first step in redesigning the cover was listening to the album and analyzing the lyrics and sound. Since the album was partially written while they were still in high school, a lot of the songs deal with relationships, unrequited love, and breakups. Some songs mention their military experience. They use a lot of traditional sounds, old words, current slang and combine them with pop rock, resulting in something like folk rock. Research Looking for visual references, I did extensive research on discogs.com into the band’s discography, other bands that were popular at the time this album was released, both locally and globally. I also looked into what contemporary bands that have similar energy are doing today. One of the most challenging parts of the research process was finding good quality pictures of the band at the time of the release.I found that there were no unifying elements between Plavi orkestar’s albums, no similar colors, typefaces, or imagery.&nbsp;I wanted to create a logo for them that is timeless, considering they have been active since 1985, and without consistent branding. <img width="2794" height="1370" width_o="2794" height_o="1370" data-src="https://freight.cargo.site/t/original/i/18a3d1d731bc9e89a7d8df13aba04ec05863a3cd8fa48b83dd3a973b07974729/PlaviWEBArtboard-23x-100.jpg" data-mid="244284745" border="0" src="https://freight.cargo.site/w/1000/i/18a3d1d731bc9e89a7d8df13aba04ec05863a3cd8fa48b83dd3a973b07974729/PlaviWEBArtboard-23x-100.jpg" /> <img width="2376" height="1836" width_o="2376" height_o="1836" data-src="https://freight.cargo.site/t/original/i/a59c460e9337c7d7edf8f6d37f0a0f600a6e64346960708752945b28e82af79a/PlaviWEBArtboard-43x-100.jpg" data-mid="244284747" border="0" src="https://freight.cargo.site/w/1000/i/a59c460e9337c7d7edf8f6d37f0a0f600a6e64346960708752945b28e82af79a/PlaviWEBArtboard-43x-100.jpg" /> <img width="2376" height="1123" width_o="2376" height_o="1123" data-src="https://freight.cargo.site/t/original/i/d970085c5b75e96e8ed55545b20eeb67bd7f2a1b9321c65a795950ee7db16d30/PlaviWEBArtboard-33x-100.jpg" data-mid="244284746" border="0" src="https://freight.cargo.site/w/1000/i/d970085c5b75e96e8ed55545b20eeb67bd7f2a1b9321c65a795950ee7db16d30/PlaviWEBArtboard-33x-100.jpg" /> Visual LanguageWorking on the moodboard and then defining the visual language, I thought of various textures, patterns, colors, typefaces, and other imagery that reflects Yugoslav spirit and humor.&nbsp;Talking to my mom about the 80s in Yugoslavia helped me a lot, since she could provide me with a lot of important references and information that I could not easily find online. <img width="2823" height="1650" width_o="2823" height_o="1650" data-src="https://freight.cargo.site/t/original/i/4d1aab6884d2f07306af3f35c1ab9d7302a6b03703b8c86134502e8a5bc36b17/PlaviWEBArtboard-53x-100.jpg" data-mid="244284748" border="0" src="https://freight.cargo.site/w/1000/i/4d1aab6884d2f07306af3f35c1ab9d7302a6b03703b8c86134502e8a5bc36b17/PlaviWEBArtboard-53x-100.jpg" /> <img width="2089" height="1413" width_o="2089" height_o="1413" data-src="https://freight.cargo.site/t/original/i/4e153f0eb549e99a4d0dc4d7170a1a6731a5355f8832de51ff18022c12c67214/PlaviWEBArtboard-63x-100-3.jpg" data-mid="244284757" border="0" src="https://freight.cargo.site/w/1000/i/4e153f0eb549e99a4d0dc4d7170a1a6731a5355f8832de51ff18022c12c67214/PlaviWEBArtboard-63x-100-3.jpg" /> Designing the Album I thought a collage would be a good fit for this album because I could create a scene that reflects the times in which the album was made and encapsulate the Yugoslav culture and humor. Through research and my mom’s advice, I slowly gathered elements to use in the scene that embodied camp, but were still accurate for the 80s. <img width="2000" height="2001" width_o="2000" height_o="2001" data-src="https://freight.cargo.site/t/original/i/8e6131e48f5175d34a097ddf4c22b5530b17c78c62d5482fcecc8de1dd2a4aff/DSC_0502EDITcropSMALL.png" data-mid="244284740" border="0" src="https://freight.cargo.site/w/1000/i/8e6131e48f5175d34a097ddf4c22b5530b17c78c62d5482fcecc8de1dd2a4aff/DSC_0502EDITcropSMALL.png" /> <img width="1448" height="1448" width_o="1448" height_o="1448" data-src="https://freight.cargo.site/t/original/i/c589845e799dabfdead7c71bf77789e7386797bcd49bd92646dd35b7fc4d4ea1/DSC_0506EDIT-2.jpg" data-mid="244284743" border="0" src="https://freight.cargo.site/w/1000/i/c589845e799dabfdead7c71bf77789e7386797bcd49bd92646dd35b7fc4d4ea1/DSC_0506EDIT-2.jpg" /> <img width="2267" height="1137" width_o="2267" height_o="1137" data-src="https://freight.cargo.site/t/original/i/06c06252ac0d4412c822cf0e35882d338c2efa70e45b938202402e1323403849/PlaviWEBArtboard-123x-100-2.jpg" data-mid="244284750" border="0" src="https://freight.cargo.site/w/1000/i/06c06252ac0d4412c822cf0e35882d338c2efa70e45b938202402e1323403849/PlaviWEBArtboard-123x-100-2.jpg" /> Final Album DesignEvery element on the cover reflects the spirit and culture of Yugoslavia. The name of the band is framed on an aged piece of paper, and next to it is a reference to the Yugoslav military badge with the name of the album. From the framed tapestry and painted plate, to the framed picture of president Tito, the traditional drink rakija, this scene is an exaggeration of what a typical Yugoslav home looked like. The scene is completed by the white crochet piece covering the TV, which seems to be a cross cultural grandma decor piece according to my classmates.The back of the album features the song list separated by sides. Inside the gatefold album are the lyrics along with signatures of the band members. I made sure to include all information from the original album, such as the label and credits on the inside and back of the album. Vinyl Labels For the vinyl labels, I referenced images from discogs.com to accurately recreate them. I traced the Jugoton logo and found fonts similar to what the other information uses, and paired it with a recognizable blue color - referencing the band’s name (plavi means blue). <img width="1836" height="1835" width_o="1836" height_o="1835" data-src="https://freight.cargo.site/t/original/i/62261cf74a49e40ce4e1afacca56081d5e39dd901b4e0c12c74f1961522797e5/PlaviWEBArtboard-83x-100-2.jpg" data-mid="244284751" border="0" src="https://freight.cargo.site/w/1000/i/62261cf74a49e40ce4e1afacca56081d5e39dd901b4e0c12c74f1961522797e5/PlaviWEBArtboard-83x-100-2.jpg" /> <img width="3518" height="3519" width_o="3518" height_o="3519" data-src="https://freight.cargo.site/t/original/i/e85269ae8077b0fbf2c22762f0a98efec300ab346f311b6cb2590e1df0bf961a/DSC_0512g-2.jpeg" data-mid="244284752" border="0" src="https://freight.cargo.site/w/1000/i/e85269ae8077b0fbf2c22762f0a98efec300ab346f311b6cb2590e1df0bf961a/DSC_0512g-2.jpeg" /> Concert Poster Since some of the band’s songs were written while they were still in high school, I imagined them having a concert and donating proceeds to the school. I recreated a typical high school desk that is decorated with carved names and doodles, as well as books that would be part of the curriculum. The poster features the illustration of the band members and the entrance of Prva gimnazija, the high school the event is dedicated to.&nbsp; <img width="2400" height="2400" width_o="2400" height_o="2400" data-src="https://freight.cargo.site/t/original/i/3a0f16c0e6c76141681b689d4e59f6794c28d9fa33300b807a5db546dab8bd5c/postermockupplavi.png" data-mid="244284738" border="0" src="https://freight.cargo.site/w/1000/i/3a0f16c0e6c76141681b689d4e59f6794c28d9fa33300b807a5db546dab8bd5c/postermockupplavi.png" /> <img width="1516" height="1729" width_o="1516" height_o="1729" data-src="https://freight.cargo.site/t/original/i/8812c9512f8efec310e7d6c7bffaa8dfc6594a18ec836ff99dbc1e0407848edc/PlaviWEBArtboard-93x-100-2.jpg" data-mid="244284755" border="0" data-scale="93" src="https://freight.cargo.site/w/1000/i/8812c9512f8efec310e7d6c7bffaa8dfc6594a18ec836ff99dbc1e0407848edc/PlaviWEBArtboard-93x-100-2.jpg" /> <img width="1366" height="1444" width_o="1366" height_o="1444" data-src="https://freight.cargo.site/t/original/i/68f4ac6fc726fbaacbf760c5f5578ad80905424256f7846573d7543c22b4fdaa/PlaviWEBArtboard-103x-100-2.jpg" data-mid="244284754" border="0" src="https://freight.cargo.site/w/1000/i/68f4ac6fc726fbaacbf760c5f5578ad80905424256f7846573d7543c22b4fdaa/PlaviWEBArtboard-103x-100-2.jpg" /> Spotify Banners Spotify requirements for the banner do not allow promotion of any events, text, or busy backgrounds, so I just used an image of the band with the star to make the branding cohesive. The banner ad doesn’t have any similar restrictions, so I rearranged some elements from the album cover to reflect the feel of the album and grab the viewers attention. I also reformatted them to be used while a song is playing. <img width="2201" height="1485" width_o="2201" height_o="1485" data-src="https://freight.cargo.site/t/original/i/eaf7cc22bd33c42c2939ca4607cdfa733d1d7b9dbb5da1d17754fff8c3a39029/PlaviWEBArtboard-113x-100-2.jpg" data-mid="244284756" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/eaf7cc22bd33c42c2939ca4607cdfa733d1d7b9dbb5da1d17754fff8c3a39029/PlaviWEBArtboard-113x-100-2.jpg" /> Instagram Posts I made four separate Instagram posts to promote the album as well as the concert. The first post has some elements from the album cover to signify a beginning of a new “era” and separate the future posts from the old ones. The third post shows the mockup of the album with the vinyl and the text is promoting listening to the album on different platforms or ordering it from their website, similar to the post with the star. The last post is an adapted version of the poster, with the text being bigger to accomodate for the smaller screen size. https://sashac.cargo.site/Stride Sun, 01 Feb 2026 22:00:23 +0000 Sasha's Portfolio https://sashac.cargo.site/Stride StrideUI/UX│Student work│Spring 2021 <img width="5500" height="2500" width_o="5500" height_o="2500" data-src="https://freight.cargo.site/t/original/i/bf33751cdbbbdc1c7dc924e3d1da34d7fcb4708b58e2376c698a1f148b56509f/stride1png.png" data-mid="244284763" border="0" src="https://freight.cargo.site/w/1000/i/bf33751cdbbbdc1c7dc924e3d1da34d7fcb4708b58e2376c698a1f148b56509f/stride1png.png" /> <img width="5500" height="2500" width_o="5500" height_o="2500" data-src="https://freight.cargo.site/t/original/i/ab5cb496281eb88c665e120ca2e0705539681c6a35b242d33db9f4cdc65f75de/stride2.png" data-mid="244284764" border="0" src="https://freight.cargo.site/w/1000/i/ab5cb496281eb88c665e120ca2e0705539681c6a35b242d33db9f4cdc65f75de/stride2.png" /> Sign up process for an all in one self-care app. Problem IdentificationI started my research by looking into existing self-care apps and realized they all target very niche aspects of self-care. If you wanted to work on multiple types of self-care, you would have to download an app for each area. Having to use multiple niche self-care apps creates stress, and making sure you update your progress in each easily becomes overwhelming.A proposed solution would be an app that uses AI to create a customized self-care plan for each user based on their goals and preferences, covering all areas of self care and eliminating the need for multiple niche apps. PersonasAfter identifying the problem, I worked on creating some personas that would help me make this app suitable for a range of needs. <img width="2550" height="2636" width_o="2550" height_o="2636" data-src="https://freight.cargo.site/t/original/i/dc478d8f64416a90e28e52a81901b0c181b1a1915519965c86c7ac7f2fac5c62/IMG_5393.JPG" data-mid="244284765" border="0" src="https://freight.cargo.site/w/1000/i/dc478d8f64416a90e28e52a81901b0c181b1a1915519965c86c7ac7f2fac5c62/IMG_5393.JPG" /> <img width="1753" height="1754" width_o="1753" height_o="1754" data-src="https://freight.cargo.site/t/original/i/40ed3a5b6b9106f36d36886088f94f1c2e25cec7900e2e4dc975ffb987a4bd6b/wireflowsketch.jpg" data-mid="244284760" border="0" src="https://freight.cargo.site/w/1000/i/40ed3a5b6b9106f36d36886088f94f1c2e25cec7900e2e4dc975ffb987a4bd6b/wireflowsketch.jpg" /> <img width="2400" height="1766" width_o="2400" height_o="1766" data-src="https://freight.cargo.site/t/original/i/77167ed5ff6d3340284bf7c19b0ff1c7880d0bbf850551a89a95a91adede6134/sketches1.jpg" data-mid="244284759" border="0" src="https://freight.cargo.site/w/1000/i/77167ed5ff6d3340284bf7c19b0ff1c7880d0bbf850551a89a95a91adede6134/sketches1.jpg" /> <img width="2432" height="1770" width_o="2432" height_o="1770" data-src="https://freight.cargo.site/t/original/i/974caefe654e9c0983568f1d7288049afd47b31c12f6912b1d730fdd53ea89d1/sketches2.jpg" data-mid="244284767" border="0" src="https://freight.cargo.site/w/1000/i/974caefe654e9c0983568f1d7288049afd47b31c12f6912b1d730fdd53ea89d1/sketches2.jpg" /> Lo-fi SketchesI downloaded about 10 apps and went through the sign up process. I noted down the formats they used to collect data from the user, which helped me develop a rough wireflow for my app. I tried to brainstorm a couple of different variations for each screen, thinking of ways they could be improved and made more intuitive to navigate. <img width="5100" height="3300" width_o="5100" height_o="3300" data-src="https://freight.cargo.site/t/original/i/5bc70adf362b926ca4a5f11fddbad16275a20cf42141585999aa24ebedc0bf24/Crkvenjas_lofi.jpg" data-mid="244284761" border="0" src="https://freight.cargo.site/w/1000/i/5bc70adf362b926ca4a5f11fddbad16275a20cf42141585999aa24ebedc0bf24/Crkvenjas_lofi.jpg" /><img width="2880" height="1994" width_o="2880" height_o="1994" data-src="https://freight.cargo.site/t/original/i/6a48e3e6064faa5206b71e53fe33c112152c49d440d5bd1a8474295ae0754739/IMG_5392.JPG" data-mid="244284762" border="0" src="https://freight.cargo.site/w/1000/i/6a48e3e6064faa5206b71e53fe33c112152c49d440d5bd1a8474295ae0754739/IMG_5392.JPG" /> Improvements and Hi-fi WireframesAnalysis of the initial wireflow and feedback from classmates helped me pick screens that worked best. I sketched them out in more detail before moving into Xd, where I built a hi-fi wireflow. An important part of the process was finding the right language to use since the app needs to approach the user with a certain sensitivity considering it is a self-care app. Good and bad habits became Areas of strength and growth. Visual Language Developing the visual language, I researched color and how it affects us. I opted for colors that most find relaxing, but I also made some more energetic color schemes. I wanted this app to be feel like a safe space for the user and to encourage them ontheir self-care and self-improvement journey. <img width="3169" height="3701" width_o="3169" height_o="3701" data-src="https://freight.cargo.site/t/original/i/94528119b5cfb74b1f3b9e956296b035f8daba477b02616e6c387d4b87c96b7c/strideWEBArtboard-64x-100.jpg" data-mid="244284766" border="0" src="https://freight.cargo.site/w/1000/i/94528119b5cfb74b1f3b9e956296b035f8daba477b02616e6c387d4b87c96b7c/strideWEBArtboard-64x-100.jpg" />