
<div class="wrapper">
    <div class="row">
        <div class="col-md-6 col-sm-12">
            <div class="">
                <h2>Introduction</h2>
                <p>As the Lead UI/UX Engineer for the WNBA, I am responsible for designing and implementing comprehensive design systems that enhance both the league and team websites. I oversee the development of all UI components, ensuring a seamless and engaging user experience across the platform. My role involves managing the UI and UX aspects to create a cohesive and visually appealing interface that meets the dynamic needs of the WNBA's digital presence.</p>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
        <img src="/img/portfolio/womennba/wnba_1.png" alt="WNBA home page" class="portfolio-image"/>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 col-sm-12">
            <img src="/img/portfolio/womennba/wnba_2.png" alt="WNBA Draft" class="portfolio-image"/>
        </div>
        <div class="col-md-6 col-sm-12">
            <img src="/img/portfolio/womennba/wnba_3.png" alt="WNBA Draft" class="portfolio-image"/>
        </div>
        <div class="col-sm-12">
            <img src="/img/portfolio/womennba/wnba_5.png" alt="WNBA UI" class="portfolio-image"/>
        </div>
        <div class="col-md-6 col-sm-12">
             <img src="/img/portfolio/womennba/wnba_4.png" alt="WNBA UI" class="portfolio-image"/>
        </div>
        <div class="col-md-6 col-sm-12">
             <img src="/img/portfolio/womennba/wnba_6.png" alt="WNBA UI" class="portfolio-image"/>
        </div>
        <div class="col-sm-12">
             <img src="/img/portfolio/womennba/wnba_7.png" alt="WNBA UI" class="portfolio-image"/>
        </div>
    </div>
</div>


WNBA


<div class="wrapper">
    <div class="row">
        <div class="col-md-6 col-sm-12">
            <div class="">
                <h2>Introduction</h2>
                <p>At IBM, I utilized my front-end development skills to enhance the digital adoption of Watson Assistant. I implemented strategies such as user engagement, digital experience analytics, and A/B testing to create intuitive and user-friendly interfaces. This approach significantly improved the user experience, making Watson Assistant more accessible and effective for a wider audience.</p>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
        <img src="/img/portfolio/ibm_watson_assistant/ibm_watson_assistant_1.png" alt="WNBA home page" class="portfolio-image"/>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 col-sm-12">
            <img src="/img/portfolio/ibm_watson_assistant/ibm_watson_assistant_4.png" alt="IBM Watson Assistant UI" class="portfolio-image"/>
        </div>
        <div class="col-md-6 col-sm-12">
            <img src="/img/portfolio/ibm_watson_assistant/ibm_watson_assistant_3.png" alt="IBM Watson Assistant UI" class="portfolio-image"/>
        </div>
        <div class="col-sm-12">
            <img src="/img/portfolio/ibm_watson_assistant/ibm_watson_assistant_5.png" alt="IBM Watson Assistant UI" class="portfolio-image"/>
        </div>
    </div>
</div>


IBM Watson Assistant


<div class="wrapper">
    <div class="row">
        <div class="col-md-6 col-sm-12">
            <div class="">
                <h2>Introduction</h2>
                <p>I served as a front-end developer, contributing to the creation of the course on IBM's Enterprise Design Thinking. My role involved developing intuitive and engaging UI components that facilitated the learning experience. By leveraging my expertise in front-end technologies, I helped design a user-centric course that effectively communicated the principles of Enterprise Design Thinking, enabling participants to apply this innovative framework in their own projects.</p>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
        <img src="/img/portfolio/ibm_enterprise_design_thinking/ibm_enterprise_design_thinking_1.png" alt="IBM Enterprise Design Thinking UI" class="portfolio-image"/>
        </div>
        <div class="col-sm-12">
        <img src="/img/portfolio/ibm_enterprise_design_thinking/ibm_enterprise_design_thinking_2.png" alt="IBM Enterprise Design Thinking UI" class="portfolio-image"/>
        </div>
        <div class="col-sm-12">
        <img src="/img/portfolio/ibm_enterprise_design_thinking/ibm_enterprise_design_thinking_3.png" alt="IBM Enterprise Design Thinking UI" class="portfolio-image"/>
        </div>
    </div>
</div>


IBM Enterprise Design Thinking


<div class="wrapper">
    <div class="row">
        <div class="col-md-6 col-sm-12">
            <h2>Introduction</h2>
            <p>For IBM Design's presence at SXSW 2017, I single-handedly developed a standalone webpage on short notice. This webpage provided a comprehensive schedule of events, integrated Google Maps for easy navigation, and featured detailed speaker bios. My efforts ensured that attendees had access to all necessary information in a clear and user-friendly format, enhancing their overall experience at the event.</p>
        </div>
        <div class="col-sm-12">
        <img src="/img/portfolio/ibm_sxsw_2017/ibm_sxsw_2017_1.jpg" alt="IBM Design @ SXSW 2017" class="portfolio-image"/>
        </div>
    </div>
</div>


IBM at SXSW 2017


<div class="wrapper">
    <div class="row">
        <div class="col-md-6 col-sm-12">
            <div class="">
                <h2>Introduction</h2>
                <p>IBM Design Research is a key offering within IBM Design, focusing on gaining deep insights into user needs and behaviors to inform design decisions. As one of the first projects of the program, it played a crucial role in establishing IBM's user-centric approach to design. I served as a front-end developer responsible for creating the user interface for this initiative. My work involved designing intuitive and visually appealing UI components that facilitated effective research and data collection, contributing to the overall success of IBM Design Research.</p>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
        <img src="/img/portfolio/ibm_design_research/ibm_design_research_2.jpg" alt="IBM Design Research" class="portfolio-image"/>
        </div>
        <div class="col-md-6 col-sm-12">
        <img src="/img/portfolio/ibm_design_research/ibm_design_research_1.jpg" alt="IBM Design Research" class="portfolio-image"/>
        </div>
        <div class="col-md-6 col-sm-12">
        <img src="/img/portfolio/ibm_design_research/ibm_design_research_3.jpg" alt="IBM Design Research" class="portfolio-image"/>
        </div>
    </div>
</div>


IBM Design Research


<div class="wrapper">
    <div class="row">
        <div class="col-md-6 col-sm-12">
            <div class="">
                <h2>Introduction</h2>
                <p>I created a personal project called wwwhere, dedicated to curating a comprehensive list of tools and resources for web developers. As both the designer and developer, I handled every aspect of the project, from conception to execution. The project saw significant success in its first year, attracting over 1000 unique daily views and becoming a valuable resource for the web development community.</p>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
        <img src="/img/portfolio/wwwhere/wwwhere_1.jpg" alt="wwwhere UI" class="portfolio-image"/>
        </div>
        <div class="col-sm-12">
        <img src="/img/portfolio/wwwhere/wwwhere_2.jpg" alt="wwwhere UI" class="portfolio-image"/>
        </div>
        <div class="col-sm-12">
        <img src="/img/portfolio/wwwhere/wwwhere_3.jpg" alt="wwwhere UI" class="portfolio-image"/>
        </div>
    </div>
</div>


wwwhere


<div class="wrapper">
    <div class="row">
        <div class="col-md-6 col-sm-12">
            <h2>Introduction</h2>
            <p>For IBM Design's precense at SXSW in 2016, I developed a standalone webpage that encapsulated the theme "Experience the culture of IBM Design in a whole new way" called IBM Deisgn Hive. This page provided attendees with a detailed schedule of events, integrated Google Maps for seamless navigation, and comprehensive speaker bios. My work ensured that visitors could easily access all necessary information, thereby enhancing their engagement with the IBM Design experience at the event.</p>
        </div>
        <div class="col-sm-12 col-md-6 col-md-offset-3">
        <video autoplay loop muted playsinline class="portfolio-video">
            <source src="/img/portfolio/ibm_hive/ibm_hive_2.mp4" type="video/mp4">
            Your browser does not support the video tag.
        </video>
        </div>
        <div class="col-sm-12">
        <img src="/img/portfolio/ibm_hive/ibm_hive_1.jpg" alt="IBM Design Hive" class="portfolio-image"/>
        </div>
    </div>
</div>


IBM Hive


<div class="wrapper">
    <div class="row">
        <div class="col-md-6 col-sm-12">
            <div class="">
                <h2>Introduction</h2>
                <p>IBM Design Thinking is a framework designed to apply design thinking at scale, emphasizing collaboration, user-centric approaches, and iterative development. As one of the main offerings from IBM Design, it played a pivotal role in promoting innovative problem-solving within the organization. I was a front-end developer responsible for the UI creation during the first iteration of this program. My work involved designing intuitive and engaging user interfaces that facilitated the learning and application of IBM Design Thinking principles, contributing to the program's early success and widespread adoption.</p>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
        <img src="/img/portfolio/ibm_design_thinking/ibm_design_thinking_1.jpg" alt="IBM Design Thinking" class="portfolio-image"/>
        </div>
        <div class="col-md-6 col-sm-12">
        <img src="/img/portfolio/ibm_design_thinking/ibm_design_thinking_2.jpg" alt="IBM Design Thinking" class="portfolio-image"/>
        </div>
        <div class="col-md-6 col-sm-12">
        <img src="/img/portfolio/ibm_design_thinking/ibm_design_thinking_3.jpg" alt="IBM Design Thinking" class="portfolio-image"/>
        </div>
    </div>
</div>


IBM Design Thinking


<div class="wrapper">
    <div class="row">
        <div class="col-md-6 col-sm-12">
            <h2>Introduction</h2>
            <p>For IBM Design's presence at SXSW 2015, I developed a dedicated webpage designed to provide attendees with all necessary information. This page featured a detailed event schedule, integrated Google Maps for easy navigation, and comprehensive speaker bios. My role involved ensuring that the webpage was user-friendly and visually appealing, enhancing the overall experience for visitors and effectively showcasing the culture of IBM Design.</p>
        </div>
        <div class="col-sm-12">
        <img src="/img/portfolio/ibm_sxsw_2015/ibm_sxsw_2015_1.jpg" alt="IBM Design @ SXSW 2015" class="portfolio-image"/>
        </div>
    </div>
</div>


IBM Design at SXSW


<div class="wrapper">
    <div class="row">
        <div class="col-md-6 col-sm-12">
            <div class="">
                <h2>Introduction</h2>
                <p>IBM Design Language was one of the first and foundational offerings from IBM Design, aimed at establishing a cohesive visual and experiential language across all IBM products. As a front-end developer, I played a key role in building the website for this initiative. Beyond my responsibilities for the UI creation, I also contributed to the development of the content, particularly the principles, from a software design and coding perspective. My work ensured that the IBM Design Language was both visually compelling and technically sound, laying the groundwork for its widespread adoption.</p>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
        <img src="/img/portfolio/ibm_design_language/ibm_design_language_1.jpg" alt="IBM Design Language" class="portfolio-image"/>
        </div>
        <div class="col-md-6 col-sm-12">
        <img src="/img/portfolio/ibm_design_language/ibm_design_language_2.jpg" alt="IBM Design Language" class="portfolio-image"/>
        </div>
        <div class="col-md-6 col-sm-12">
        <img src="/img/portfolio/ibm_design_language/ibm_design_language_3.jpg" alt="IBM Design Language" class="portfolio-image"/>
        </div>
        <div class="col-md-6 col-sm-12">
        <img src="/img/portfolio/ibm_design_language/ibm_design_language_4.jpg" alt="IBM Design Language" class="portfolio-image"/>
        </div>
        <div class="col-md-6 col-sm-12">
        <img src="/img/portfolio/ibm_design_language/ibm_design_language_5.jpg" alt="IBM Design Language" class="portfolio-image"/>
        </div>
    </div>
</div>


IBM Design Language


<div class="wrapper">
    <div class="row">
        <div class="col-md-6 col-sm-12">
            <h2>Introduction</h2>
            <p>I served as the front-end developer and designer for the Community Research Center for Senior Health (CRCSH) project. This initiative, a collaboration between Scott & White Healthcare, Texas A&M Health Science Center, and the Central Texas Aging, Disability & Veterans Resource Center, aimed to improve senior health and well-being.</p>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
        <img src="/img/portfolio/scottandwhite/scottandwhite_1.jpg" alt="Community Research Center for Senior Health" class="portfolio-image"/>
        </div>
        <div class="col-md-6 col-sm-12">
        <img src="/img/portfolio/scottandwhite/scottandwhite_2.jpg" alt="Community Research Center for Senior Health" class="portfolio-image"/>
        </div>
        <div class="col-md-6 col-sm-12">
        <img src="/img/portfolio/scottandwhite/scottandwhite_3.jpg" alt="Community Research Center for Senior Health" class="portfolio-image"/>
        </div>
        <div class="col-sm-12">
        <img src="/img/portfolio/scottandwhite/scottandwhite_4.jpg" alt="Community Research Center for Senior Health" class="portfolio-image"/>
        </div>
    </div>
</div>


Community Research Center for Senior Health


<div class="wrapper">
    <div class="row">
        <div class="col-md-6 col-sm-12">
            <h2>Introduction</h2>
            <p>HPI is a full-service commercial real estate firm based in Austin, TX. My role involved creating a user-friendly and visually appealing website that accurately reflected HPI's commitment to excellence and integrity. I focused on developing intuitive UI components and a seamless user experience, ensuring that the website effectively communicated HPI's values and services to their clients and partners.</p>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
        <img src="/img/portfolio/hpi/hpi_1.jpg" alt="HPI" class="portfolio-image"/>
        </div>
        <div class="col-md-6 col-sm-12">
        <img src="/img/portfolio/hpi/hpi_4.jpg" alt="HPI" class="portfolio-image"/>
        </div>
        <div class="col-md-6 col-sm-12">
        <img src="/img/portfolio/hpi/hpi_5.jpg" alt="HPI" class="portfolio-image"/>
        </div>
    </div>
</div>



<div class="wrapper">
    <div class="row">
        <div class="col-md-6 col-sm-12">
            <h2>Introduction</h2>
            <p>HPI is a full-service commercial real estate firm based in Austin, TX. My role involved creating a user-friendly and visually appealing website that accurately reflected HPI's commitment to excellence and integrity. I focused on developing intuitive UI components and a seamless user experience, ensuring that the website effectively communicated HPI's values and services to their clients and partners.</p>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
        <img src="/img/portfolio/capridge/capridge_1.jpg" alt="CapRidge" class="portfolio-image"/>
        </div>
        <div class="col-md-6 col-sm-12">
        <img src="/img/portfolio/capridge/capridge_2.jpg" alt="CapRidge" class="portfolio-image"/>
        </div>
        <div class="col-md-6 col-sm-12">
        <img src="/img/portfolio/capridge/capridge_3.jpg" alt="CapRidge" class="portfolio-image"/>
        </div>
    </div>
</div>


Selected Work