https://mckennatorres.com/travel daily 0.75 2023-10-28 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586039381581-Y5R4BHE9768IEZ7KDL1Z/alhambra-tiles.jpg Travel Azulejos de la Alhambra | Granada, Spain | March 2016 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586039663761-VKSQJ3J7CXEZOW2298ZR/lisbon-bridge.jpg Travel Dancing Lights | Lisbon, Portugal | April 2018 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586039443207-2MTK5PU5ZW7LJYH448A6/valencia-market.jpg Travel Jamón Ibérico | Valencia, Spain | October 2015 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586039547560-UVIS74HXVRVEUOZLIZJD/granada-pendants.jpg Travel Glass Pendants | Granada, Spain | March 2016 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586039316804-AY9CSQJEAA00UG59TPNJ/spanish-oranges.jpg Travel Valencia Oranges | Elche, Spain | December 2015 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586039601322-0D8H5TM4IZ1AL5SYW7DF/lisbon-colors.jpg Travel Chocolataría | Lisbon, Portugal | April 2018 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586042510778-QK6VUKX9U6AUK1PBD6ZQ/venice-man.jpg Travel Daily Smoke | Venice, Italy | July 2012 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586042621026-LOFLS6KZEW2L8JD0J33A/vespas.jpg Travel Vespa Vintage | Florence, Italy | July 2012 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586042434722-CW5FFZPYWU7HGM6X3XSK/tuscany.jpg Travel Tuscan Summer | Florence, Italy | July 2012 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586043059246-28MRDQTWV1OO3M97WSH5/lisbon-letters.jpeg Travel Rua Wanderlust | Lisbon, Portugal | April 2018 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586043167124-A54G896RWUXVI7UBKR5X/lisbon-flat.jpg Travel Marigold Flat | Lisbon, Portugal | April 2018 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586042760851-SYFG77KB1EWMDK3NZDSG/notre-dame-candles.jpg Travel Calm Reflection | Paris, France | November 2015 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1585768271084-ZJQFYWLSW5OR6FNW1JH5/brugge-bike.jpg Travel Home Sweet Home | Brugge, Belgium | December 2015 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1585768228890-2RB75YY86R1I84XF4H9Q/brugge-christmas-lights.jpg Travel Christmas Lights | Brugge, Belgium | December 2015 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1585351423447-HI0AXBIGL7R0AU4H84FT/swan-lake.jpg Travel Swan Lake | Brugge, Belgium | December 2015 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586044509025-1C7GZIOU0KL9NJ0HLXWU/wind-turbine.jpg Travel Wind Turbine | Playa Blanca, Peru | July 2018 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586044668906-0GWNI01VC5HQLF7JTRLV/ceviche.jpg Travel Ceviche | Cusco, Peru | November 2018 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586044570728-A5UJPJ187R0PT4I3ZMDA/playa-blanca-smiles.jpg Travel Sonrisa | Playa Blanca, Peru | July 2018 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586044331255-GB8XKGJLEGY2Y61NXZJE/playa-blanca-kids.jpg Travel Mischief Managed | Playa Blanca, Peru | October 2018 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586044451316-EF15UL7PL0ZJ05BBLV00/nick-portrait.jpg Travel Deputy Director Nick | El Chorro, Peru | September 2018 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586044627398-TGFY7MS7SRHBX56NV3BY/el-chorro.jpg Travel Mountain Air | El Chorro, Peru | September 2018 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586045697801-WKEKW39KIFHBN6TJB2XK/pineapples.jpg Travel Piñas frescas | Cajamarca, Peru | September 2018 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586045507566-8YEYEWBEUTND8Q1J28I4/cusco-girl.jpg Travel Preciosa | Cusco, Peru | November 2018 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586045554746-VUL5NXH5XQMBPPCZ7S4P/cusco-roadside.jpg Travel Roadside Oranges | Cusco, Peru | November 2018 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586045790680-5LLSSKS1MHFD35TUNBZ0/bogota-door.jpg Travel Puerta a otro mundo | Bogotá, Colombia | January 2017 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586045469432-S3SJ6F1AUXL1E6ZBQ3WC/gente-del-pueblo.jpg Travel Gente del pueblo | Cajamarca, Peru | September 2018 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586045883232-YPK0V34VHPBW2JHSJ09J/cartagena-maria.jpg Travel María | Cartagena, Colombia | January 2017 https://mckennatorres.com/contact daily 0.75 2021-05-22 https://images.squarespace-cdn.com/content/v1/5ce435d6bea1ed00016ba287/1558964652247-5MWXNMFZVOPGE4TY6U2Q/MHeiderich_ReflexionenZwei-05-copy.jpg Contact https://mckennatorres.com/about daily 0.75 2025-06-21 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/27ee14ef-836e-4bf0-9865-50f92588cdd3/Paper+airplane+small.jpg https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/ad808755-c498-4a1e-a673-4796ad6aa5e1/Lines+1.jpg https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/6979a0bb-d8d0-4b81-bfe9-f73ee0cb4109/Headshot-2022.jpg https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/39bca6b7-9b56-4328-8e57-f14aba8ffee1/Lines+2.jpg https://images.squarespace-cdn.com/content/v1/5ce435d6bea1ed00016ba287/1558964652247-5MWXNMFZVOPGE4TY6U2Q/MHeiderich_ReflexionenZwei-05-copy.jpg About https://mckennatorres.com/404-error daily 0.75 2021-06-14 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1586322137616-S3VOHP2DNWEDKS09PA35/llama-vector.png 404 Error https://mckennatorres.com/work daily 1.0 2025-06-21 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/79a9288e-7a5d-4ab0-8ef0-1656f935f4c9/Paper+airplane+2.png https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/5dbb4a3f-11d2-43dd-a0a5-ef6bff0be9f6/Lines+2.jpg https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/d79190dd-d2c7-4ab4-ade4-8ad6d4527c29/Lightbulb+1.jpg https://mckennatorres.com/work/choreista-app monthly 0.5 2022-11-09 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1617581849304-C361E3BSH1RH1FMET53N/Icon-Participants-01.png Work - Choreista App - Age Inclusive https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1617581342115-4HLL4ZIY2V8UKR2DHXB8/Icon-Lock-01.png Work - Choreista App https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1617328576946-SF5R2ELF3U5KHKWFXB4K/Choreista-Persona-Rose.jpg Work - Choreista App https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1618015511010-D440PEP9L61MDRPORQK4/Jose-Profile.png Work - Choreista App https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1618015540145-S7MGSCU9CMKZ832YMI1Y/Rose-Profile.png Work - Choreista App https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1617579872615-CB5FCQEXRW4CLL28WXOM/Choreista-Persona-Jose.jpg Work - Choreista App https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1617579705104-DLT5WE5CK78XB4JB3CZQ/User-Journey-Jose.png Work - Choreista App https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1617579738587-5NVUOL8M4T4BYJVZIGZ5/User-Journey-Rose.png Work - Choreista App https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1624227272637-QCKKXR87WPRHGE7W13XN/Choreista-Dendrogram.png Work - Choreista App - Digital Jobs Win Strongest Grouping Dendrogram: This graph highlights the strongest card groupings (best merge method) https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1624227508264-MEM8HTQY7HC9A1QZ4BBO/Choreista-Similarity-Matrix.png Work - Choreista App - Varied Clusters & Outliers This similarity matrix graph reveals top category groupings and outliers, showing that the data is fairly spread out (dark blue represents higher concentration of pairings). https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1631065777063-I4CYBH1QBB3946F759KP/choreista-home1-01.png Work - Choreista App - Fun and easy browsing Browse through a personalized home feed and chore categories to find new and interesting posts that match your criteria. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1623121289143-5TEGOF4HKJFA2F9UCM4U/choreista-all-chores-01.png Work - Choreista App - Keep track of your chores Easily keep track of your open posts or accepted chores in one convenient location. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1623120612387-ZZK5HKKEJK5ONGQK4X9Q/choreista-post1.png Work - Choreista App - Quickly save and apply to chores Interested by not ready to apply? Quickly save a chore to your dashboard and come back later to submit your application. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1623125502417-6CQPGKQD2ITEI7VJFFEY/Info-Architecture.jpg Work - Choreista App - Closed Card Sort Our team recognizes the value of information architecture. To narrow the results from the open card sort test, I would conduct a closed card sort by selecting the strongest chore categories and ask participants to sort titles into each category. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1623125564971-ATR33DGWOMLV6O5KUBUK/Key-Tasks.jpg Work - Choreista App - SUS Score & Live Walkthrough The Choreista app experience involves several key tasks, such as searching for and applying to jobs. Our goal would be to determine if these tasks can be successfully navigated by conducting a SUS score test. I would also organize a live walk through to directly observe user interactions. https://mckennatorres.com/work/leader-learning monthly 0.5 2022-11-15 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/9c79dfdc-f07c-431c-99b5-630f0db3c139/Live-Demo-EDITED.png Work - Leadr Learning 2.0 Watch Leadr’s demo of the Learning module from January 2021 (advance to 7:35). https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/bdf8be5b-c8fe-44a4-b393-6cc514d7f5b1/Learning-Library-Drawer.png Work - Leadr Learning 2.0 - Learning Library To access content, the user selects the “View Library” button. A drawer pops open where the user can view all content inside the library. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1e292d48-acb0-4f25-8674-38f64a5c91d0/Learning-Dashboard.png Work - Leadr Learning 2.0 - Learning Dashboard The user starts in the Learning dashboard. They can see assignments here but can’t browse for content. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/9e6ae6b6-e3aa-450a-a5ee-475c32131a29/Content-Type-Drawer.png Work - Leadr Learning 2.0 - Different Content Types, Different Flows The content type determines the paths that users will follow to complete a task. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/61660492-66e0-45e2-9324-cccbce704c85/User-Flow-2.png Work - Leadr Learning 2.0 - Complex User Flows Assigning a Learning Playlist is one of the most common user tasks, but its original flow was unnecessarily complex. I simplified steps to improve overall efficiency. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1668035048697-3ZU3YXMZ1CSUM1PPPKY0/Warning-Message%28Old%29.png Work - Leadr Learning 2.0 - Before The warning message font color was hard to read and the icon irrelevant. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1668034238458-1NHJO0UNJXLG8T7JVLUZ/Learning-Library%28New%29.png Work - Leadr Learning 2.0 - After I added an overlay and content count to differentiate Learning Playlists. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1668035072376-I8XAIMGHSYYXBEETXVI3/Warning-Message%28New%29.png Work - Leadr Learning 2.0 - After I adjusted the font color and updated the icon to give tangible context. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1668033075116-OG476GIAH3ZX9ZAESCY5/Learning-Cards-Shared-With%28New%29.png Work - Leadr Learning 2.0 - After After I added the content type icon, changed the font and progress bar colors, and limited the number of avatars. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1668034211446-O5WSZYZD8MZFM49ER0FE/Learning-Library%28Old%29.png Work - Leadr Learning 2.0 - Before The original library card designs didn’t specify the content type. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1668033000920-S1738ETJGHHG21S81LVN/Learning-Card%28Old%29.png Work - Leadr Learning 2.0 - Before Before The dashboard cards didn’t indicate the content type and utilized low contrast font colors. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1668100935474-MLVD21VDNB4U60SWE4GY/IA-Web.png Work - Leadr Learning 2.0 - Mapping Out the Terms I grouped commonly used terms to create a taxonomy web, which helped identify existing patterns. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1668105461804-09JO8ZO579UC4NYJ8855/Learning-Terms-Preview.png Work - Leadr Learning 2.0 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1668113503297-V0YECG26H2T27N1GLBWI/Color-Contrast.png Work - Leadr Learning 2.0 Color Contrast: I increased font, button, and icon color contrast levels to meet WCAG standards. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1668112528865-YUL6D0CTDSDDJFJ3XTL2/Hierarchy-Text.png Work - Leadr Learning 2.0 Header Hierarchy: I adjusted section headers for greater consistency, as well as increased font sizes to improve legibility. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1668112552892-39KKNIN6CCVQYSG3HFH4/Content-Selectors.png Work - Leadr Learning 2.0 Content Selectors: To guide users who may navigate by tabbing, I added a selected content outline and a completed content checkmark icon. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/bfff5407-ce1b-4bc4-9112-32deb1c6e7f5/Leadr-Prototype-01.png Work - Leadr Learning 2.0 https://mckennatorres.com/work/libum-corporate-website monthly 0.5 2022-11-15 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/cd4884c0-8f89-42ad-a87b-a9f739d75cb9/Libum-Demo.png Work - Libum Corporate Website Take a look at Libum’s existing website before the redesign. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/a1a4abaf-85ed-48d6-9dd2-b3a4a00dad4e/Home-Page-EDITED.png Work - Libum Corporate Website - Home Page Libum’s home page features a brief product overview, internal links to informational pages, featured products, and CTA banner buttons. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/5ef8251f-1575-432e-a0e0-3a8cb4705891/Apps-Extensions-EDITED.png Work - Libum Corporate Website - Apps & Extensions Page Users can access Libum’s hub for different apps and extensions and view by category. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/62a98145-8797-4ea8-9d05-d2562464a85b/Product-Page-EDITED.png Work - Libum Corporate Website - Product Page The Product page highlights featured products and company information. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/168e16d2-d6ff-41d2-9bab-690fe7320bae/Tree-Navigation.png Work - Libum Corporate Website - Libum’s Website Structure Users can access in-depth product details within the four-page structure and submit a contact form via the Get In Touch button. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/cab98149-05ac-4048-9ea7-df1780098fb4/Main-Color-Palette-FINAL.jpg Work - Libum Corporate Website - Define the Colors I grouped the hexes into main and accent colors and defined each usage across the site. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/0e6047cd-a3fe-48e5-98dd-3e25cc8be492/Libum-CSS-Branding-Board-01.jpg Work - Libum Corporate Website - Coding the Styling Elements I highlighted the CSS properties for each element and included the UI equivalent. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1909894f-9e80-4af0-b544-06430d2c40b9/Content-Box2%28OLD%29.jpg Work - Libum Corporate Website - Before The content selector outline and font have poor contrast. The decorative underline and the arrow elements don’t add tangible value. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/6e54aed9-1992-4490-9a21-eeef4d08e7f4/Button-Banner%28NEW%29.png Work - Libum Corporate Website - After I updated button font and background colors to meet acceptable color contrast levels and added an animated arrow. I also gave the banners a color fill. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/6f145e9b-6e7c-4549-a11c-67b647139f8d/Email-Input2%28OLD%29.jpg Work - Libum Corporate Website - Before The existing input field font and background colors have poor contrast levels and don't provide a strong visual cue for selected and active states. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1e43854e-fd17-423c-af9b-99bbf1b2a3c7/Content-Box%28NEW%29.jpg Work - Libum Corporate Website - After I changed the outline and font colors, as well as removed the decorative underline and arrow. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/cb11bcbf-c0f0-4caf-ba1a-4e9a47cb0f93/Main-Nav%28NEW%29.png Work - Libum Corporate Website - After After I changed Get In Touch to a button and enhanced the hover, selected, and active states (see Accessibility Adjustments section below). https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/fc1d4c06-d16f-4e30-ab4c-1ae9abf59f49/Buttons-Banner%28OLD%29.png Work - Libum Corporate Website - Before The light blue buttons have poor color contrast. The banners use faint line dividers, which don’t offer clear content separation. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/953075af-a69d-446b-ae76-46413d367d0c/Main-Nav%28OLD%29.png Work - Libum Corporate Website - Before Before The Get In Touch page has poor color contrast, as well as the hover, selected, and active states. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/f2851dae-8677-4306-af28-b4b8e716cb67/Email-Input%28NEW%29.jpg Work - Libum Corporate Website - After I adjusted the font color and added an outline. For selected and active states, I used a soft blue color fill (see Final Prototype). https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/074eb6eb-3760-4032-bf96-3e96f0d1f707/Product-Cards.png Work - Libum Corporate Website - New Cards, Improved UI I created new product cards that include the title, icons, and summary. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/209366cb-4456-4578-996f-0945c6fa70b0/Apps-Extensions-Selected.png Work - Libum Corporate Website - Easy Access The new Selected Apps & Extensions page allows easy access to detailed product information, highlighted features, downloads, and suggested apps. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/ffa0cd00-d531-4311-bbae-0cb7bb8b7ceb/Headers-Text-Labels.jpg Work - Libum Corporate Website - Labeling Headers & Font Sizes When creating the CSS markdown board, I labeled all headers and font sizes to ensure site-wide consistency (see orange notes). https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/f5296211-2bac-4d6f-aef1-b96d92af8f4a/Internal-Links.jpg Work - Libum Corporate Website - Internal Links I added a teal underline to internal links for enhanced visibility. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/d60e562a-90e9-4734-8190-4b32c7496066/Main-Nav-Selected.jpg Work - Libum Corporate Website - Main Navigation & Footer I added a dark purple underline to the main navigation and footer pages, which helps guide users who may tab rather than mouse. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/8aed3d38-05e5-4911-9c20-59d7782a220f/Color-Contrast.jpg Work - Libum Corporate Website - Finding the Right Contrast I cross-checked all font and background colors to ensure that minimum contrast levels were met or exceeded. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/9f75c59b-f069-4191-8770-4ca06158081b/Content-Box-Selection.jpg Work - Libum Corporate Website - Content Box Selectors I added a soft purple outline to hover, active, and selected state content boxes. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/09ab6453-5320-493f-9e6e-dc785051007c/Libum-Prototype-01.png Work - Libum Corporate Website https://mckennatorres.com/work/bell-tower-electric monthly 0.5 2021-06-19 https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1617581849304-C361E3BSH1RH1FMET53N/Icon-Participants-01.png Work - Bell Tower Electric https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1617584414283-J2L4ADYR5ZQXB4BD3I7O/Icon-Choreowner-01.png Work - Bell Tower Electric https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1620614560951-547RKDGKFRWC0C2TDE28/BTE-Persona-1.jpg Work - Bell Tower Electric https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1620614593710-DHKSN4LHDYT608FX391L/BTE-Persona-2.jpg Work - Bell Tower Electric https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1607824073491-6BMBYIRZZ3IAHE2AOYA0/Chiara-Profile.jpg Work - Bell Tower Electric https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1618964512689-BGG5DNTZREO9S16R8VZR/User-Flow-Form.png Work - Bell Tower Electric User Path: Home > select Pricing > submit bid/estimate form and review confirmation https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1618964460833-GGJFPW1PIVXVTM8QPE3P/User-Flow-Services.png Work - Bell Tower Electric User Path: Home > select Services > select Residential Services https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1607823787198-PE60HJ8DC27B5FTZK292/market-analysis-screenshot.png Work - Bell Tower Electric - Electrical Industry Investigation Evaluating each company’s website helped me learn about common industry trends and pain points. View full report > https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1621812633774-ELESVTKYM1XGKMNNA16S/site-map-3.jpg Work - Bell Tower Electric - Final Draft Draft 3: The final draft is a very simplified structure. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1600902314000-LAUX4SPFKJG0MHLJAIKD/site-map-2.jpg Work - Bell Tower Electric Draft 2: Removed the Pricing page to streamline key tasks. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1600902268215-48PY1VQR84QH3CUS5U45/site-map-1.jpg Work - Bell Tower Electric Draft 1: Included five pages with a drop-down for Services. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1600715322308-GDSA3CCW05UFZZKEXVU5/tree-test-results.png Work - Bell Tower Electric - Diverse Test Results The task results confirmed that each participant had a diverse response when navigating the site’s structure. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1600726003329-EINDFDCSWUD32OLACP1P/home-page-wireframe.jpg Work - Bell Tower Electric The home page wireframe. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1600726224207-HQR2HVQHP8ESXBT726EL/about-page-wireframe.jpg Work - Bell Tower Electric The About page wireframe. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1600726525689-8NAS7BKUY7LMIOTR6WRJ/services-page-wireframe.jpg Work - Bell Tower Electric The Services page wireframe. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1600726303426-EB2DJZ2754OEF0FEKEG8/contact-page-wireframe.jpg Work - Bell Tower Electric The Contact page wireframe. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1607890925415-QEYP3U5PDTNY8IEKQB3Y/IMG_1169-2.jpg Work - Bell Tower Electric - Testing the Prototypes Testing the paper prototypes offered an effective way to evaluate my designs while highlighting critical pain points. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1618966492997-OL98XPVKB5UXYKHMWS7X/Paper-Prototypes.jpg Work - Bell Tower Electric The second prototype drafts, which implemented several improvements to the structural layout. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1607828014789-J74AIZB5G9NLWJ79JU7B/Pat-Jan-Profile.jpg Work - Bell Tower Electric https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1623545582352-GUB4609OFOTC7B21MXWF/home-page-high-fi.jpg Work - Bell Tower Electric The home page mockup. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1623545844952-B6943K5SVUWVIZ1OKYP6/about-page-high-fi.jpg Work - Bell Tower Electric The About page mockup. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1623545722051-OVFQK5R3S1JWA1QLPO5Z/light-fixtures-page-high-fi.jpg Work - Bell Tower Electric The Light Fixtures (specific service page) mockup. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1623545885256-VR2IMDJA624TU0GC9A8C/contact-page-high-fi.jpg Work - Bell Tower Electric The Contact page mockup. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1623545641834-4W906JOSPQ8TSHKKHPXJ/services-page-high-fi.jpg Work - Bell Tower Electric The Residential Services page mockup. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1620519715258-E526WXMN0RQMQ5NGPH1O/Mood-Board-1.jpg Work - Bell Tower Electric - Define the Mood To ensure that the branding would fit my client’s vision, I first created a mood board. We brainstormed key words, such as “bold” and “minimal” and “modern,” to define the overall tone. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1608088185026-K3WQ2XAWPACYYY1PLW35/logo-progression-01.jpg Work - Bell Tower Electric - Seek Honest Feedback The first digital logo concepts helped shape the finalized version. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1620515645447-PPNK4IN5Q83O7F9P6DOH/BTE-Branding-Board2-01.png Work - Bell Tower Electric - Keep the Branding Consistent I created a branding board to help define Bell Tower Electric’s branding identity and set the standard. Inspired by the Pacific Northwest, we chose navy blue with slate grey tones and a warm concrete texture. https://images.squarespace-cdn.com/content/v1/5e6165e58745ca28f12c22ef/1601165014838-8XV3WXYDDMNJ3NNVMR54/logo-sketches-2.jpg Work - Bell Tower Electric - Sketch, Refine, Repeat The rough sketches directed the logo design concept.