![](https://cdn.myportfolio.com/294dc9e85c4385017924f23ce1d145e3/8c43d65c-3897-4d50-a6b4-dd432bdfbec6_rw_1920.png?h=abbd2a5e6755db678cb4de574118b4a5)
Summer 2019 Internship
(Infrastructure Platform Team)
Please contact me for more information at chan.ariellh@gmail.com.
![](https://cdn.myportfolio.com/294dc9e85c4385017924f23ce1d145e3/f99fdcfc-e7df-48e4-870f-a5b59d0479d2_rw_1920.png?h=41c5a4840ecc201a6e177a1d0f8cb49c)
![](https://cdn.myportfolio.com/294dc9e85c4385017924f23ce1d145e3/f774490a-7dfe-4ec3-bf12-f968480b43ce_rw_1920.png?h=5d7786900f08259e55d44ce098282a18)
![](https://cdn.myportfolio.com/294dc9e85c4385017924f23ce1d145e3/ed28af72-cf07-4475-b894-8fc037e5b56a_rw_600.png?h=0b7f8d2fef5a1cbfca685bab6536fc74)
![](https://cdn.myportfolio.com/294dc9e85c4385017924f23ce1d145e3/29e07320-1944-4b39-bc11-de3922351d58_rw_600.png?h=ba3f78f4550182fbbecc6bc72e5c1648)
![](https://cdn.myportfolio.com/294dc9e85c4385017924f23ce1d145e3/784d6aeb-affa-4be2-b08a-6774976ee88c_rw_1200.gif?h=d49f57462e624266ecc27b97d781652a)
![](https://cdn.myportfolio.com/294dc9e85c4385017924f23ce1d145e3/d0aee593-5411-4800-a6c9-534f3c1686be_rw_1920.jpg?h=25c19a8fcf925d96b5d6b1826ac1f524)
• Created custom icons and branding elements for org-wide inclusive design training tool
• Successfully piloted 60-minute onboarding training to new hires
![](https://cdn.myportfolio.com/294dc9e85c4385017924f23ce1d145e3/5d3d6d81-f42f-445f-aaa8-04e041a403e7_rw_1920.png?h=fdee5e4392bba0788445f29d1dd2a3b0)
Teaching my peers about digital accessibility in Airbnb's hour-long onboarding inclusive design training.
![](https://cdn.myportfolio.com/294dc9e85c4385017924f23ce1d145e3/26dfbb3e-96e3-4401-86bf-07294e89244c_rw_3840.png?h=87231a52c577f32deb439865c03de55b)
Learning about key UX best practices to maintain digital accessibility for a range of end-users.
How can a11y/g11n principles live in the DLS ecosystem?
• Created documentation that other designers can apply to custom solutions
• Established content for a11y and g11n sections
![](https://cdn.myportfolio.com/294dc9e85c4385017924f23ce1d145e3/35db3730-fe71-468d-8d1e-29091e084631_rw_1920.png?h=6a690129120093c392460cfcadef38f0)
![](https://cdn.myportfolio.com/294dc9e85c4385017924f23ce1d145e3/25174998-7786-4301-ab88-20811ec16076_rw_1200.gif?h=f8e647134110492dd9dc0e8dff6fd004)
![](https://cdn.myportfolio.com/294dc9e85c4385017924f23ce1d145e3/e7e1e060-eb9e-4871-ac1a-6864361d219a_rw_1200.gif?h=207064e6555d64c1126fef04ea39ef91)
![](https://cdn.myportfolio.com/294dc9e85c4385017924f23ce1d145e3/2b55b943-df2d-480e-ac35-d11394f6393f_rw_1920.jpeg?h=920a74daec3fc9a9c21661332543e319)
3-day DLS design sprint: Working with Design Leads and the Design Director to consolidate documentation template and content.
![](https://cdn.myportfolio.com/294dc9e85c4385017924f23ce1d145e3/b584f595-aeaa-4828-833b-8f80ac853211_rw_1200.gif?h=e41cdd77363f6c1078380792fe8fad61)
Wireframe of DLS documentation template on the "switch" control element with best usage guidelines.
Thinking about microinteractions
• Collaborated with front-end engineers for implementation
• Established focused states for keyboard tab order accessibility
![](https://cdn.myportfolio.com/294dc9e85c4385017924f23ce1d145e3/63f6ea89-9af5-4e45-893b-180915d45f2a_rw_1920.png?h=605a0251c563b7b487bf2b80d2b17945)
Control inputs family consisting of (left to right): switches, checkboxes, radio buttons, steppers, toggles
Owning 5 of the top 20 system patterns
![](https://cdn.myportfolio.com/294dc9e85c4385017924f23ce1d145e3/85663311-6e77-4bd5-b943-6b5e15659bba_rw_1920.png?h=d463f3f39f47d903fcf4f325802fbbb9)
![](https://cdn.myportfolio.com/294dc9e85c4385017924f23ce1d145e3/5a6068c4-3106-4e1c-8898-ff6e508a224d_rw_1200.gif?h=57fecc44847d33a1e2f17bfd598f92df)
![](https://cdn.myportfolio.com/294dc9e85c4385017924f23ce1d145e3/05e71e5a-f6a4-4433-9aec-497d53dc7e20_rw_1920.png?h=060a267056513557e04050a6e292617e)
How focused states translate to other components of the Airbnb Design Language System
![](https://cdn.myportfolio.com/294dc9e85c4385017924f23ce1d145e3/6f82d3a4-d1fd-49c2-9b1e-2d220e1d3902_rw_1200.gif?h=dc93276b158c9708abb432c1241d70a8)
![](https://cdn.myportfolio.com/294dc9e85c4385017924f23ce1d145e3/9bd6d232-12ca-44a4-802a-07e6a6a5a15b_rw_1920.png?h=75de66e9c400772e912652cea9d1b8df)
Recent 2020 website update with focused states implemented!
Back to the beginning of "discovery" in the DLS cycle! 🙌
![](https://cdn.myportfolio.com/294dc9e85c4385017924f23ce1d145e3/780c7e0e-bd93-4cb2-80a6-c2bda140e936_rw_1920.jpeg?h=5cabf4a06ff7fdab5b98805f12330b07)
![](https://cdn.myportfolio.com/294dc9e85c4385017924f23ce1d145e3/8f6b41e5-f585-4361-b9d7-fda3d64a1349_rw_1920.jpeg?h=d43bd7203227eff0b12dbd5fd1d74f95)