https://www.carissaleos.com/about daily 0.75 2025-11-14 https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/b5fc0e9a-a76d-4875-8dc8-c39ac95f8f72/IMG_2273.jpg https://www.carissaleos.com/css-zen-garden daily 0.75 2025-11-13 https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1506104492345-6IIVOFQT3VC4O7TJFJ7L/zen_garden_feature.png CSS Zen Garden - The Project (Copy) The Project Completing CSS Zen Garden is like a rite of passage for web designers. This project is an example of what can be created only using CSS. My influence for this project was Futurism and the free form visual elements of words-in-freedom. I used pseudo elements like :first-letter, :nth-child, :before and :after to bring extra elements to the site. https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1507322554664-U0U4BTD23EOJ2BYXXP67/zengarden_macbook.png CSS Zen Garden - Process (Copy) Process To start the project, I researched Futurism and created a word list to generate ideas and concepts. I created styles tiles to explore different concepts, type and color options. View the project. https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1506107923689-NG2IXUPSZDE0YMHOX1FG/css_zen_ipad.png CSS Zen Garden - Tools (Copy) Tools Sass, CSS Animation, Responsive Web Design https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1505941559973-PD3FAVZYJ46JKEK560TB/futurism-wordlist.png CSS Zen Garden https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1506268996199-113MGIVB92P7F4VDOVV7/style-tile_futurism_2.jpg CSS Zen Garden https://www.carissaleos.com/blue-dahlia daily 0.75 2025-11-13 https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1506106382122-YHOY0NTVZMX5JXOZMUTS/blue_dahlia_full_feature.png Blue Dahlia https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1506107227063-7TQUK9HN13GG10WKTS2I/blue-dahlia-wordlist.png Blue Dahlia https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1506107220883-5UZ4W5Y8PHHQ387BOZQD/blue_dahlia_style_tile.png Blue Dahlia https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1505941715592-DVH39UPKLM2K2VFLVW0T/blue-dahlia-wireframe-5.png Blue Dahlia https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1506007855232-VE9D8KOKKM5V0T0EPOTU/blue-dahlia-sitemap-after.jpg Blue Dahlia https://www.carissaleos.com/d-1 daily 0.75 2025-11-13 https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1505941922094-JZLEZ8BMZP26J4IVKETO/D1-mockup2.jpg D1 - The Project (Copy) The Project D1 is a college readiness app designed to help student athletes navigate the college recruitment process. My team explored and refined the concept for this project during the ATX Diversity Hackathon. I collaborated with developers to create pixel perfect mockups for the app and used Marvel to prototype it. https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1507322008532-WOERY8P97LA9NPEO6HMN/d1_onboard.jpg D1 - Process (Copy) Process After refining the concept, we created user personas and user stories to gain insight about the app's target audience. I created a style tile to explore colors and typography to create a look and feel for the app that would connect with student athletes. https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1505941909691-JTZGVMG2QKQBATFYNRG1/D1-icons.png D1 - Tools (Copy) Tools Sketching, Prototyping, Illustrator, Marvel https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1506007962874-84TNVJYFAL0RCFEIX8DL/style-tile-d1-02.png D1 https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1506097445062-A77LM6841K2OERKJC2EF/user-persona.JPG D1 https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1506097447136-D2F3ET4IB02SIZUW7QKA/user-story.jpg D1 https://www.carissaleos.com/look-up daily 0.75 2025-11-13 https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1506106367012-Q71TK1B1Y0RZAEHH86KY/look_up_feature.png Look Up https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1507229507039-7MMLP3OT6RWN4QFS3R0P/look_up_mentee.jpg Look Up - Process (Copy) Process In two weeks, a prototype was completed, with research and competitive market analysis, user surveys, style tiles, wireframes, mockups, and using Illustrator to create all of the logos and icons for the site, before diving into production in code. Check out out this Style Guide for more details on my process and design elements. View the prototype. https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1506097762025-Z1K8KZFQL8VWSCKAVVLW/lookup-mockup.png Look Up - Tools (Copy) Tools HTML/CSS, Sass, Bourbon Refills, Bourbon Neat, CSS3 animations and transitions, Responsive Web Design, jQuery, Photoshop, Illustrator, and Typekit https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1503623806751-35Z73ZSPTJNTS79JIA9T/lookup-icons.png Look Up https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1506269290860-U7LKC94U6MG36AYU9N8C/style+tile_look_up.png Look Up https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1507227881695-5QNJHVUBMAL769WMPI4Y/bi-icon-ideas_pictorial+marks.png Look Up https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1503623919741-76704FXO0R9JFHBOUYKM/responsive-sketch-3.png Look Up https://www.carissaleos.com/studio-three daily 0.75 2025-11-13 https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1507220762771-REG8F6YBQ1LQCGHUGA4M/s3_workspace.JPG Studio 3 Studio 3 was an eco-conscious home textile and design collective, whose mission was to promote sustainable design with a focus on craftsmanship and community outreach. As a co-founder I created and printed designs on reclaimed vintage textiles. Our textiles were sold in a number of stores in Austin, Texas. https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1507221283662-95CEBY9ZY6GPUTNE9L71/s3-label.jpg Studio 3 https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1506090242790-WJGMEJDMUO5IY38HSBO7/s3_birds.jpg Studio 3 https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1506090241903-RXVZ0OZFJ0X57HORO7P7/s3_table_setting.jpg Studio 3 https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1507220780386-A5DFWEXBD517V1I502HG/s3_cacti.jpg Studio 3 https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1506090235918-VWHHSDMBB9MA628JF2G1/s3_textiles.jpg Studio 3 https://www.carissaleos.com/carrier-onboarding daily 0.75 2025-11-13 https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1506116129896-SL6RAUWIZB2QH1UPE317/carrier-feature.png All Aboard - Overview (Copy) Overview The Carrier Onboarding Campaign was a cross disciplinary project that included work from the Marketing Team, Customer Support and Design. Our goal was to increase the number of new, qualified carriers on the uShip platform. The campaign consisted of a new landing page dedicated to helping new carriers get started in addition to a Welcome Kit that was mailed to select new carriers after registration. https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1540140985948-O0V5TZPHEDVUG1S8UB8R/ipad.png All Aboard - Campaign Landing Page (Copy) Campaign Landing Page I worked with the copy writer and the marketing team on messaging and layout design. We worked together to identify the necessary information that a new carrier would need to know about the product. I built the landing page in WordPress using modules from our component library. I created vector graphics for each of the seven steps that reflected the brand and followed the design language system. I also worked with the video editor on the marketing team on the creation of video assets for the video tutorials that were embedded on the landing page. https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1540145146088-QFIBHDWZECA7NLN5ZGIK/carrier-book.png All Aboard - Welcome Book (Copy) Welcome Book The team wanted to send new qualified carriers welcome kits with swag and information on how to get started with uShip. I worked with the copy writer on the topics that we wanted to feature and created a small, 24 page, printed Welcome Booklet. The Welcome book was sent to carriers as part of the welcome kit. I received quotes from several local print shops and worked with the printer to oversee press checks and the production of 1000 books. https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1506018622208-2HBEYDOWZRMKOPZCOAFC/carrier-onboarding-lp_v7.jpg All Aboard https://www.carissaleos.com/good-reads daily 0.75 2025-11-13 https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1505942408395-QCDZV9PNLU9BHFVP5Q95/goodreads_screen.png Good Reads https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1507321663153-PFDN13VD3K9QCNUEO2YZ/goodreads_screen.jpg Good Reads https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1506268743142-X8EYS08WMFSTS9F5KW74/good_reads_2.png Good Reads https://images.squarespace-cdn.com/content/v1/599df296d2b85711d92426d8/1506269554663-3IDMO8CLIDDUN40W23UT/good_reads_1.png Good Reads https://www.carissaleos.com/intro daily 1.0 2025-12-04 https://www.carissaleos.com/store daily 0.75 57841-12-12