https://www.johnsoaresdesign.com/contact daily 0.75 2025-01-21 https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/4b061aa4-5470-4091-8432-46540e97cc0e/IMG_0361.jpeg https://www.johnsoaresdesign.com/work daily 1.0 2025-01-22 https://www.johnsoaresdesign.com/work/decoded-ncn5y monthly 0.5 2025-01-08 https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/1cc4abd3-3a1d-4597-a236-3792c57d8b0e/mediamodifier_image-3.png Work - Investment Tablet App https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/78fd884d-8a71-4c98-bc0d-3587558f5419/mediamodifier_image-6.png Work - Investment Tablet App https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/c01010e8-d340-4c74-b111-8666947d63f1/mediamodifier_image-4.png Work - Investment Tablet App https://www.johnsoaresdesign.com/work/death-by-xoko-628nr monthly 0.5 2025-01-09 https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/f28b081e-23da-447d-802d-26e146c09f92/poster2b_150dpi.png https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/f764124b-32aa-450d-a802-84422f94ffcd/catalog+sample+1.png Work - Museum Exhibit Collateral https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/b575723f-0439-4b0b-9900-31bf27a49463/catalog+sample+3.png Work - Museum Exhibit Collateral https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/75e2d5cb-5894-49c5-a894-48bb2b0484d3/catalog+sample+2.png Work - Museum Exhibit Collateral https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/8ce87cf8-09e2-4b75-86e4-357eba133d5a/invite+front.png Work - Museum Exhibit Collateral https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/eb3c02c8-b70d-4406-931a-cd1f74acaf17/invite+back.png Work - Museum Exhibit Collateral https://www.johnsoaresdesign.com/work/death-by-xoko-628nr-6ek7z monthly 0.5 2025-01-11 https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/ac216e1c-aeff-4021-a90c-484fb7763164/image+8.png https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/c6e95620-a16b-4e6a-a3b6-36f1ce7a8834/image+7.png https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/4d31ab41-3003-4ca1-a4eb-188936254ffc/image+9.png https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/5cd22fd4-335a-489f-b78c-57eff2bfd5a8/logo+work+4.png https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/58d95672-94cc-49b7-947d-30547a1c442c/logo+work+1.png https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/9e31ff0f-1c58-467a-8dfc-4896ec0585d0/logo+work+3.png https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/36655f06-be0b-4adf-9717-96ebfff5c1a6/10%402x.png https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/a5526dd5-06c0-4dc6-b6f7-71a5f00c5a13/4%402x.png Work - Identity Design for Public Education https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/0e62cdb4-e527-4d11-ab22-fc2bc75c55d1/9%402x.png Work - Identity Design for Public Education https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/0e581ed9-4caa-4689-8fbc-454e798388f0/11%402x.png Work - Identity Design for Public Education https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/796a3706-1cc2-4995-bb39-9a82dee2f67f/1%402x.png Work - Identity Design for Public Education The end result is a full set of brand standards, including usage guidelines, color and typography palettes, a full complement of lockups, and a set of tone-setting samples to demonstrate how they might all come together. https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/af3e9b8a-bc5b-442e-a246-85817091809f/15%402x.png Work - Identity Design for Public Education https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/8e763c81-4a88-4a0b-a28e-ec8700a95ac6/17%402x.png Work - Identity Design for Public Education https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/d55b55ec-f5cb-4fcc-8163-ae534e0a70c9/18%402x.png Work - Identity Design for Public Education https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/3b014ecd-6d94-4fe8-bdec-a70d00f82e62/22+copy%402x.png Work - Identity Design for Public Education https://www.johnsoaresdesign.com/work/the-ruse-akpcf monthly 0.5 2025-01-09 https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/c6a10c84-93ba-4287-a681-56b3cf00c8b7/Site+Map.png Work - Website & Portal Redesign Extensive reworking of the site navigation was critical to the success of the redesign. https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/6535e76b-90fe-4b4f-994e-6fb4ac3deee0/Treatment+B+-+Work+With+Us.png Work - Website & Portal Redesign https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/1736454212580-SV1O7AXXS1ILSVSEL21S/Home.jpg Work - Website & Portal Redesign Simplified navigation were combined with emphasis on bottom-line metrics and dynamic mapping to highlight deep-dive information. https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/649312b2-053c-4f0c-9e14-e36c6bb7e2fa/Treatment+B+-+Sustainability.png Work - Website & Portal Redesign https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/1736454255599-727A1OJVG905P7Z3KHTF/Home-1.jpg Work - Website & Portal Redesign Navigation is designed to expose complexity when and as necessary. https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/a3ae05c6-515e-4b53-8c22-6a6b734c79c6/Treatment+B+-+Safety.png Work - Website & Portal Redesign https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/1736454240254-7ZGP6A67LK9EMIOHKSW9/Work%2BWith%2BUs.jpg Work - Website & Portal Redesign Second-level pages were structured for flexibility, but with an underlying consistency. https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/1fb565f1-b07a-4432-9486-48c275147444/Treatment+B+-+Who+We+Are.png Work - Website & Portal Redesign https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/7f40345c-b7f8-4a87-a704-e640436898aa/Treatment+B+-+Our+Services+Cruise.png Work - Website & Portal Redesign https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/56fd0212-cbbd-40d8-8baf-d50722bb5b9a/Treatment+B+-+Locations.png Work - Website & Portal Redesign https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/f9d748e4-bbd3-4da9-b97b-e2b017e7def6/Appointments%402x.png Work - Website & Portal Redesign Client engagement began with the design of an intricate, internal management console, able to span multiple regions and allow for white-labeling. https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/bea3da68-2d3d-472a-8ff2-0c39184adc02/management.png Work - Website & Portal Redesign https://www.johnsoaresdesign.com/work/chotto-motto-nxtg9 monthly 0.5 2025-01-14 https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/ea578826-72a1-42c0-a0ea-fb0550625dcc/Artboard+%E2%80%93+2.png Work - Smart Powerlifting Application https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/046ce422-f9fb-4666-80f4-b93c9b624fc5/slide+1.png Work - Smart Powerlifting Application https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/f75c7909-2bb6-435a-9f0e-f4a86a9c39fe/Artboard+%E2%80%93+33.png Work - Smart Powerlifting Application https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/4cee3274-b431-4a7c-8d6f-e28d1eb8665d/slide+2.png Work - Smart Powerlifting Application https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/2c582542-246a-4d5e-8368-295be89dd183/Artboard+%E2%80%93+35.png Work - Smart Powerlifting Application https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/72279b89-0361-4a8a-ad1d-afbbd9bcdbd6/slide+3.png Work - Smart Powerlifting Application https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/e72a197a-8de3-4a67-a25c-01ba2232e0e7/Artboard+%E2%80%93+39.png Work - Smart Powerlifting Application https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/e8dcf70b-55b1-47b8-b736-2cd562fa655a/slide+4.png Work - Smart Powerlifting Application https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/34e26690-1792-4bd2-964b-9e904858112a/Artboard+%E2%80%93+31.png Work - Smart Powerlifting Application https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/283cf137-b32f-4564-8495-6f6b4a5a1bd2/Artboard+%E2%80%93+24.png Work - Smart Powerlifting Application https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/f047f026-d3e7-4675-944e-8a3a3df3ab6f/Artboard+%E2%80%93+40.png Work - Smart Powerlifting Application https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/7126c8fa-942e-48cd-8cfc-37c313d4cd1f/Artboard+%E2%80%93+21.png Work - Smart Powerlifting Application https://www.johnsoaresdesign.com/work/chotto-motto-nxtg9-r6fmk monthly 0.5 2025-01-14 https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/dbf821ec-77c9-4ee9-bbcf-d5c8d29e7aa5/DS+2.png https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/fab39909-a433-4dd9-9631-bbd8dcd6da64/Library+Page+1.png https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/e42382ad-429f-4d80-a47d-1317f9350177/MALT+Foundations+Principles+1+Copy+2.png https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/8edff2b0-dc7b-457d-927b-dc254309fe66/MALT+Component+Detail+1.png https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/e42e1502-bc6d-4856-a26e-d6f9bc9cd437/DS+3.png Work - Design System A base selection of colors (with supporting tints and shades) are flexible enough to support an array of uses. https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/4ec55895-2db8-4fff-95b6-1493eca57309/DS+4.png Work - Design System Typographic rules are designed with harmony in mind. https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/13dd4da6-15e4-4d72-873c-83c4dfd4fdb5/DS+5.png Work - Design System Harmonic style rules lead to a range of type styles with a set of brand-focused typefaces. These base-level elements are considered 'atoms' from which larger elements are constructed. https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/fccdce3b-e6ea-4369-9e48-6b84cf31c46c/TextFields+%28Multi+Line%29.png Work - Design System Sample of componentry ('molecules') built from the initial atomic elements https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/76e52d22-4e68-4143-a11b-2ae55cac9ff0/Slider.png Work - Design System Additional componentry. https://www.johnsoaresdesign.com/work/brine-dccfy monthly 0.5 2025-01-14 https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/9debfee9-5430-4910-9361-767196a812b7/Watts+1.png Work - Water Equipment Mobile App https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/61e6dd79-87ba-4f12-b4f4-abc80b6c895b/Watts+2.png Work - Water Equipment Mobile App https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/7c4d4d3e-c058-409f-aeb2-0b5a135e35e1/Watts+3.png Work - Water Equipment Mobile App https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/98a27fcd-1a0a-416e-9edd-72a9715ccea9/Watts+4.png Work - Water Equipment Mobile App https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/bce99a5f-4b22-45f1-979b-b04b88514397/Watts+5.png Work - Water Equipment Mobile App https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/8430bba9-27c1-438e-b793-9d69e83f206c/Watts+6.png Work - Water Equipment Mobile App https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/dddc1c35-b58c-4364-a5bc-35408a88ef4c/Watts+7.png Work - Water Equipment Mobile App https://www.johnsoaresdesign.com/work/brine-dccfy-2p78x monthly 0.5 2025-01-15 https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/18ba0ee1-608c-4ad2-8232-1c714bff83df/Invitation+in.png https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/baf7ed13-1881-4491-9fb2-4d6ab3631633/award+certificate.png https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/9aa9fa5b-acd5-4d0f-a4ae-300443181386/Poster+Front.png https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/b4a80d63-0462-42e2-8a24-bf4efea74f81/invitation+out.png https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/0086bdb1-b6c2-4300-97d7-86059f317923/poster+back.png https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/97869a4c-52c7-433b-9abe-10d9e45e191e/mounted_cover.png Work - Other Projects Double-gatefold packaging design for the album 'Innervisions' by Stevie Wonder. https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/a1562b8a-a7ec-4440-9909-1d8250ab38c7/1alt.png Work - Other Projects Coverino https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/4b7c5677-c878-47f0-84d5-f79cc1eacef4/1+alt.png Work - Other Projects https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/4dd0963a-d938-43d9-9fac-7851b743b4c2/catchit.png Work - Other Projects https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/843b2419-f63f-4361-a353-e533e74daa93/mounted_gatefold.png Work - Other Projects The packaging is built on the concepts of contrasts between light and dark, interiority and externality. Packaging contains a persistent cutout (shown here as a centered square) that progressively exposes more hints of the visuals inside. https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/afbb333b-acd5-41e0-9c3e-1d2f8f88379e/2alt.png Work - Other Projects https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/fbdc6778-f965-440b-943e-0a68e1715d09/2+alt.png Work - Other Projects https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/d8606152-1269-4310-aaab-6f121dc06193/MSFTQ.png Work - Other Projects https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/8e448919-3daf-4c53-ac4a-56ba3f7de61c/mounted_interior.png Work - Other Projects The packaged fully unfolded to its widest; the full range of a colorful, hand-drawn vision is given free rein, punctuated by an expressive representation of lyrics from one of the songs. https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/92924abf-9274-4107-9c09-55e1d83de216/3alt.png Work - Other Projects https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/9a081887-bff5-4629-b61e-5874c329b6f2/3+alt.png Work - Other Projects https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/5f603bec-ac66-4021-b430-0d75063b8df6/Advocate+1.png Work - Other Projects https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/ec73d00a-d3ef-4a6e-8612-dad1ea96a8ad/mounted_back.png Work - Other Projects Packaging reverse side. https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/e1cc5bd1-2524-4e04-af28-87e256e11791/4alt.png Work - Other Projects https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/4af91353-067e-4938-baf7-9424d377d58c/4+alt.png Work - Other Projects https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/9ededed9-a13d-4dc6-9b89-66af0d286989/Policy_BAM_TaxOverride.png Work - Other Projects https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/5f068f78-a7c5-4900-bf10-eb7a36c23345/printed_interior.png Work - Other Projects Fully-unfolded packaging, reverse side. https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/0ee56163-f128-49b4-961a-137cc296c22a/5alt.png Work - Other Projects https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/19cf6627-5b37-47f8-b4f3-aa7d3197f958/5+alt.png Work - Other Projects https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/028d1099-0e2e-4377-8776-ce0af5594041/HP+1.png Work - Other Projects https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/329e8528-9a1e-4ed9-a342-9e1c4e301b02/6alt.png Work - Other Projects https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/241578fc-86c1-4615-a607-3aa6fdde03e4/Home1.png Work - Other Projects https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/c4c49111-5b8f-472c-b321-c858565a6d07/2alt.png Work - Other Projects https://www.johnsoaresdesign.com/work/brine-dccfy-apsry monthly 0.5 2025-01-16 https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/578732c4-0f11-4502-bdde-114a4dbcf335/App+1.png https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/5b8b40dd-b122-4e5d-ac5a-bd0a82c90670/App+3.png https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/5da7800c-852f-419f-96a7-a7b5aca67c28/baner.png https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/1caa3b1a-3167-40c8-8893-b66e338a1acf/App+2.png https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/bd4d9a0b-8bc0-48b1-8a16-480bb6d2aaa8/App+5.png https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/506b650a-cb4a-40e9-8e9e-a01bb0d7887d/App+4.png https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/eec8fab4-5aa6-4a1c-adce-dac959bf70a8/Desktop+-+5.png Work - Color Tinting App Ecosystem https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/6076c176-1072-4afc-bed9-c48cc38ad005/Desktop+-+6.png Work - Color Tinting App Ecosystem https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/97593913-b63c-45fc-9048-6e5f5863fec9/Desktop+-+7.png Work - Color Tinting App Ecosystem https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/9d2524e5-ab58-4503-bbb1-13edbafdf15e/Desktop+-+9.png Work - Color Tinting App Ecosystem https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/4d5c94e7-e072-406e-9adc-50c8b6f0e4e4/Desktop+-+8.png Work - Color Tinting App Ecosystem https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/50fe1f75-f2ac-49fd-a70f-28c3da7d7a16/Desktop+-+10.png Work - Color Tinting App Ecosystem https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/97959a6c-da75-4d8b-a918-dd0f14086ae4/Desktop+-+11.png Work - Color Tinting App Ecosystem https://www.johnsoaresdesign.com/work/american-portraiture-7dyca monthly 0.5 2025-01-08 https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/1733522173969-CXEQL2JUUQ04Z7QNX6XC/EnerNOC%2BGallery%2B1.jpg Work - Energy Collaborative Environmental Design Divisions are logical https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/8eac2693-7e68-4283-a465-52411d4180a2/EnerNOC+Gallery+2.png Work - Energy Collaborative Environmental Design https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/a3a15175-d51c-4e43-a7c5-ea8ffa87e3a5/EnerNOC+Gallery+3.png Work - Energy Collaborative Environmental Design https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/25fe59fe-1619-4f34-8bad-da781f47a018/EnerNOC+Gallery+4.png Work - Energy Collaborative Environmental Design https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/a4639ce6-1d59-43a7-b5b7-71d899aa2282/IMG_2305.JPG Work - Energy Collaborative Environmental Design The new facility as equipped. https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/165e44ec-925e-4fcd-ba1f-a31d61e90aae/Journal+%28dragged%29.png Work - Energy Collaborative Environmental Design Conceptualization began in the broadest terms, in imagining the outer bounds of what the experience could be. https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/6ca8c2b2-7ecd-41fe-ac0a-5598f975f18c/Journal+%28dragged%29+2.png Work - Energy Collaborative Environmental Design In this phase, work is rough and loose, to communicate validate ideas quickly. https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/a84683b8-fe58-4796-85df-77bc2291b1ed/Journal+%28dragged%29+3.png Work - Energy Collaborative Environmental Design Key interactions are included in the rough ideation. https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/a116be28-fe08-4ec9-9dce-acb7b82026b4/Wallboard+Mockups+--+EnerNOC+%28DRAFT%29+%28dragged%29.png Work - Energy Collaborative Environmental Design Once agreed upon, logical design began, filling in crucial details, though still at a high level, to continue to hone in on consensus. https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/948b4f3f-6e81-4bfd-a0cb-37827939a0d5/Wallboard+Mockups+--+EnerNOC+%28DRAFT%29+%28dragged%29+2.png Work - Energy Collaborative Environmental Design Data relationships are being suggested here - to validate with the client team and our own developers responsible for driving the technical architecture. https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/57d37ac0-a4df-49dc-8240-7184338a6ef9/Wallboard+Mockups+--+EnerNOC+%28DRAFT%29+%28dragged%29+3.png Work - Energy Collaborative Environmental Design Mapping information on a real-time basis was crucial to the success of this project. https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/36bfbee8-e13d-46f2-bc21-8032e3f93df6/wireframes_May_23_2013+%28dragged%29.png Work - Energy Collaborative Environmental Design More formal wireframes began next, just before visual design. This, again, is to mitigate risk and garner buy-in. https://images.squarespace-cdn.com/content/v1/67181b9f43306f623d91d5ec/d7b48498-0f1a-4a36-9be5-ae3d6a3c3a12/wireframes_May_23_2013+%28dragged%29+2.png Work - Energy Collaborative Environmental Design Visual information becomes increasingly more specific as the information architecture process moves along.