https://www.dianeha.com/portfolio-old daily 0.75 2025-03-05 https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534653422414-Q1T84PCVHULGJBG9O78A/image-asset.png Portfolio (old) - Brand Guidelines Amperity Brand Style https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534729785504-YCHEC1BQF1SZFY6GVKPI/Screen+Shot+2018-08-19+at+12.13.42+PM.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534729785207-0LDFQRPDKB27YC59J1IA/Screen+Shot+2018-08-19+at+12.13.50+PM.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534729786948-69PJXLD8P7WCPTISWG7J/Screen+Shot+2018-08-19+at+12.14.13+PM.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534729786547-RHLKSORUZ6GTFBTVTL1Z/Screen+Shot+2018-08-19+at+12.13.58+PM.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534992169863-QLTQDJWYWR2JOPSRYV34/prod+-+home.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534992122463-LOK0WIFJRSI5GWEMNET6/Screen+Shot+2018-08-22+at+7.37.37+PM.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534992111550-J7TF28VZQ8O5O83ULDMZ/Screen+Shot+2018-08-22+at+7.38.07+PM.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534992113684-A38EXZN08FFZABFSB0QL/Screen+Shot+2018-08-22+at+7.38.19+PM.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534992117608-H1B1NZZLC9QRBS1IQN58/Screen+Shot+2018-08-22+at+7.38.44+PM.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534992126828-HWP3YDDB17GHTVE2LPRJ/Screen+Shot+2018-08-22+at+7.39.09+PM.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534992130366-YY55G44HYTVJHKB5VUFE/Screen+Shot+2018-08-22+at+7.39.30+PM.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534992128881-C5O8NM9Y6QH0YNJSONXY/Screen+Shot+2018-08-22+at+7.39.42+PM.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534992130075-F26BBIY9IRFAY7XQ8PLU/Screen+Shot+2018-08-22+at+7.39.52+PM.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534992131471-62I0DJFZ0QI4T7PGR365/Screen+Shot+2018-08-22+at+7.40.05+PM.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534646344773-47YGDL5QJY02N9KS0M1O/amperity-old-designs_2.png Portfolio (old) - Before Amperity's design language at the time was dark and heavy. The logo had already been created, but the company was still in its early stages - and in stealth mode. https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1533415659580-F8LQMEHR4KAMI6043J7N/homepage+process%402x.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534991403328-9JM82WWZFMWFJAFRSMIV/Amperity+Simplified+Architecture+Diagram Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534653553068-IIVHUF3H9EJUCMYN7YUL/wireframe+-+all+2.png Portfolio (old) - Wireframes I used Figma to design a basic layout structure of content and visuals. Figma was the ideal platform for collaborating with the then marketing manager who was providing copy for the sections. https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534646380543-F21FVR2127BGFXGZ6Q2L/amperity-new-designs%402x.png Portfolio (old) - After After workshops and discussions with leadership, we decided a lighter, brighter direction more appropriately reflected the company's values. https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534990655580-FUGP4J7J3T8B5KENRK8F/mocks+-+home+iterations.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534990654229-P4XQS89TAWT8T97M6BFG/mocks+-+all+1.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534990653862-E5G635KR6EPKABE719J8/mocks+-+all+2.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534990999475-BV0U896D0DLBLD1UUF9I/Screen+Shot+2018-08-22+at+7.22.55+PM.png Portfolio (old) After reviewing wireframes with the Marketing Manager and VP of Marketing, I started by creating several iterations of the home page to get a sense of the mood and style we wanted to achieve. After that, I applied the same layout and style scheme to the subsequent pages. https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535693556990-95NGVRMVWZLUYGFO3VVR/IMG_4493.jpg Portfolio (old) - wireframes One of my earliest projects for the product team was to design a dashboard for customers. We wanted to communicate the value of the Amperity product and really show them the impact of the work we were doing. https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535694080875-HATIZ5UCTBTJQVEJ2T6C/Dashboard_Alaska_V4_Slice_1.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535694080880-JHKZETRHBW07UMG2RSMN/Dashboard_Alaska_V4_Slice_3.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535694081653-LEKHP9AL32WG4KHADEMX/Dashboard_Alaska_V4_Slice_2.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535694081764-5KIU5MR1JAKU4TMYMT35/Dashboard_Alaska_V4_Slice_4.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535694342863-GETHL9793Z1G0S33FI2F/draft.jpg Portfolio (old) - First Draft This was an early first draft of the customer dashboard https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535590722341-8SDIF06VL45Q0OHRDIT0/Commercial-Graph.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535590779783-SH26YDFDUPS5BLTF3KI0/Social-Profile-Picker.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535519744924-DIZG4XB6RPSTPNKMAD1S/OneView.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535592470362-ETBELVYMWD7OJEPYT8E4/DH_JarvisDeveloperNetwork_V0.6_03+-+Documentation.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535592487182-7L70VSCP6RMYJ3LI0FYA/DH_JarvisDeveloperNetwork_V0.6_06+-+Roles+3+Selected.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535592496637-2QLARPX78YIXUC0ZK3F3/DH_JarvisDeveloperNetwork_V0.6_06a+-+Roles+-+View+Details.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535592496737-RGPJZCLV4N16CJAWI7OK/DH_JarvisDeveloperNetwork_V0.6_06b+-+Roles+-+Edit+0.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535592503805-H3M515ACCMZAK5QKC05J/DH_JarvisDeveloperNetwork_V0.6_06b+-+Roles+-+Edit+2+Feedback.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535592512410-M4NZ18U0CSGMVIMAXIXJ/DH_JarvisDeveloperNetwork_V0.6_09+-+Audit+Logs+0.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535592528146-F0A32YX5LFCTJYZXPPWG/DH_JarvisDeveloperNetwork_V0.6_07+-+Role+Mappings+4+Source+Selected.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535320255383-3Z13MJ8HV7POT2BMADMS/cart.png Portfolio (old) - shopping cart We made some smaller but useful enhancements to the cart page, allowing the user to directly go from the cart page the next page of their choice - selecting plan, features, accessories, etc. We added a "Credits" section to help inform the user of any promotional credits that will be added to their line, as well as a separate column for amounts due now vs monthly. https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535320291311-6O0PURPPKUB38JCZEU30/upgrade1.png Portfolio (old) - SHARED UPGRADE One of the most complex flows we had to educate users about was the AT&T Shared Upgrade flow. With this option, a user could upgrade their device even if they have not reached their upgrade date by using an available upgrade of someone else on the plan. https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535320100331-UI0W3X2AQEAJHPZ6KSGH/POS-EIP-landing.jpg Portfolio (old) - landing page We redesigned the enterprise landing page to be more visually engaging, taking cues from the consumer experience. We added a full-width image banner and new iconography to help guide the process. https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535320346967-FUYH24U6DPJOXIL8V6GC/landing-redlines.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535320339438-C9OR7EL4M39TJ3VZLOS3/grid-redlines.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535320334280-0IGPNZQU7BRGGL80MQFB/details-redlines.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535320330246-SX7XAD4874LQIQL0OHO3/cart-redlines.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535320345695-B7WQWDEFR05MY0UYX7QR/upgrade-redlines-2.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535320349867-5CLQBAYYZAUE17FGN394/upgrade-redlines.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535320232707-23RB84BUDRWDCL35FG48/device-details.png Portfolio (old) - device details The goal for the device details page was to enhance the visual appeal of the device, as well as guide the user through the steps of configuring a device. This included grouping the device by skew so that we could provide all available color and storage selections for the device. With the introduction of installment plans, we also wanted it to be intuitive and clear what pricing options were available to the user. https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535320216060-H0ANLR673AO1YM3GJR1W/device-grid.png Portfolio (old) - dEvice selection grid We enhanced the device selection page to be a grid layout for easier scrolling and selection. We also grouped the devices by type, therefore letting the user clearly see the different devices instead of trying to read through every color and storage variation of every device. https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1534992916625-SFSXKQ5DRLZOSYJPQJCW/homepage+process+-+white%402x.png Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535321661522-7167MFMILXF5FJMUYKED/POS-EIP-landing.jpg Portfolio (old) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1535429374372-L1MN958VA33DIYSO3BDZ/25Feb_Full-01.png Portfolio (old) https://www.dianeha.com/resume daily 0.75 2025-04-21 https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/70c6e0dd-7392-428b-b405-eb14df99a02b/IMG_5731.jpg Resume https://www.dianeha.com/home daily 1.0 2025-03-08 https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/3014cf13-dd9d-4f9f-8ab5-a5dc3e6f338c/dropshadow.png Diane Yamada - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1533342366829-CIFMUJQEMAYVSM811IFE/dh_logo%402x.png Diane Yamada - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/43558b87-3413-4521-b9cd-3158c85c7204/IMG_2585.jpg Diane Yamada - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/d2b98906-a52f-41c4-920f-294421ffdde6/ready+to+activate+1.png Diane Yamada - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/b7db4be4-9782-4ab8-aa46-a540a3bef223/FullSizeRender.jpg Diane Yamada https://www.dianeha.com/about daily 0.75 2025-04-09 https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/1736279435977-OC2ZK6XY7I1WCBLYU9BI/IMG_2587.JPG About https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/95438981-cf8a-422d-8165-71fbee23eb24/IMG_6916.jpg About - Make it stand out My two goofballs, Apollo (left) and Ares (right) https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/f6b0288c-4cdd-4066-b623-7aa44d5a791e/IMG_5729.jpg About https://www.dianeha.com/skills daily 0.75 2025-04-09 https://images.squarespace-cdn.com/content/v1/5b64ef9dcc8fed04647d741e/221d2b9d-952d-4af4-8936-f6d7c1160919/IMG_5753.jpg Skills