https://bauhouse.ca/about/

1<!DOCTYPE html><html><head><meta name="generator" content="Gatsby 2.3.30"/><title data-react-helmet="true">About - Stephen Bau, UX Designer</title><link data-react-helmet="true" href="https://fonts.googleapis.com/css?family=Muli:400,400i,700,700i" rel="stylesheet"/><link data-react-helmet="true" rel="stylesheet" href="/assets/css/main.css"/><meta data-react-helmet="true" charSet="utf-8"/><meta data-react-helmet="true" name="viewport" content="width=device-width, initialScale=1.0"/><meta data-react-helmet="true" name="google" content="notranslate"/><link as="script" rel="preload" href="/1-cc74d1e6b64caf2d0622.js"/><link as="script" rel="preload" href="/component---src-templates-page-js-c2ebca9d7ef4ddb59088.js"/><link as="script" rel="preload" href="/0-1a72a5fd346863369f77.js"/><link as="script" rel="preload" href="/app-7237a696b9081d5554c3.js"/><link as="script" rel="preload" href="/webpack-runtime-6c22953c957458929e95.js"/><link as="fetch" rel="preload" href="/static/d/33/path---about-f-34-4c2-JE488M36d9WBSU07a0WV4OcJw.json" crossorigin="use-credentials"/></head><body><noscript id="gatsby-noscript">This app works best with JavaScript enabled.</noscript><div id="___gatsby"><div style="outline:none" tabindex="-1" role="group"><div id="page" class="site palette-light accent-blue"><header id="masthead" class="site-header outer"><div class="inner"><div class="site-header-inside"><div class="site-branding"><p class="site-title"><a href="/">Stephen Bau</a></p></div><nav id="main-navigation" class="site-navigation" aria-label="Main Navigation"><div class="site-nav-inside"><button id="menu-close" class="menu-toggle"><span class="screen-reader-text">Open Menu</span><span class="icon-close" aria-hidden="true"></span></button><ul class="menu"><li class="menu-item "><a href="/">Home</a></li><li class="menu-item "><a href="/portfolio/">Portfolio</a></li><li class="menu-item "><a href="/blog/">Blog</a></li><li class="menu-item  current-menu-item"><a aria-current="page" class="" href="/about/">About</a></li><li class="menu-item "><a href="/contact/">Contact</a></li></ul></div></nav><button id="menu-open" class="menu-toggle"><span class="screen-reader-text">Close Menu</span><span class="icon-menu" aria-hidden="true"></span></button></div></div></header><main id="content" class="site-content"><div class="outer"><div class="inner"><article class="post page post-full"><header class="post-header inner-small"><h1 class="post-title line-top">About</h1><div class="post-subtitle">A UX design portfolio by Stephen Bau</div></header><div class="post-thumbnail"><img src="https://cdn.sanity.io/images/glvwxcgu/production/79e2c8e4e9c05655ee0dcd50fae7d9f40476b26c-1920x1080.jpg" alt="About"/></div><div class="post-content inner-small"><p>I&#x27;m Stephen Bau. I am a designer based in Vancouver, Canada. I am building on 30 years of experience as a designer to combine empathy, creativity and technical proficiency as a full stack developer and UX designer.</p><p>Since August of 2018, I have been working as a <a href="http://share.trydesignlab.com/mentor">mentor</a> to help people who are actively seeking a shift in their careers as they learn user experience design. Through <a href="http://share.trydesignlab.com/ux">UX Academy</a>, <a href="http://share.trydesignlab.com/signup">Designlab</a> is training the next generation of designers.</p><p>I bring human-centred design thinking to create engaging experiences through brand design, web development, and digital product design.</p><p>I have been working as a designer since 1988. Since the early 2000s, I have been responsible for assessing and choosing technologies, setting up servers, gathering content inventories, developing content strategies, building information architecture, creating wireframes, high-fidelity mockups, interactive prototypes, setting up version control for development and production repositories, and deploying finished websites. I have worked as a freelance designer, as an in-house designer for a non-profit organization, as a member of design studio and web agency teams, and as a business owner collaborating with other independent contractors.</p><p>I also have a particular interest in the Bauhaus, not only because the school is credited as the inspiration for clean, modern design, but also because they were committed to building a community to make a difference in the world. Their approach to modern life focused on a synthesis of art and technology, where an understanding of materials and production methods was essential to the creative process. I a

1pproach design and development with a similar philosophy of developing an understanding of technology and how people interact with various media in order to best create designs that effectively meet the needs of these users and audiences.</p><p>My experience as a designer includes various aspects of the design and development process, from a firm grasp of design and typographic principles, to brand design, art direction, content strategy, information architecture, user experience design, wireframing, mockups, prototyping, templating, XML, XSLT, HTML, CSS, JavaScript, PHP, Rails, Node, web typography and webfonts, front end development frameworks, tools and preprocessors, version control (Git), data modeling, design integration with applications and content management systems, and user testing.</p></div></article></div></div></main><footer id="colophon" class="site-footer outer"><div class="inner"><div class="site-footer-inside"><p class="site-info">A UX design portfolio by Stephen Bau.<!-- --> <a href="https://www.stackbit.com" target="_blank" rel="noopener">Made with Stackbit</a>.</p><ul class="social-links"><li><a href="https://www.behance.net/stephenbau" target="_blank" rel="noopener"><span class="fab fa-behance" aria-hidden="true"></span><span class="screen-reader-text">Behance</span></a></li><li><a href="https://codepen.io/bauhouse/" target="_blank" rel="noopener"><span class="fab fa-codepen" aria-hidden="true"></span><span class="screen-reader-text">Codepen</span></a></li><li><a href="https://dribbble.com/bauhouse" target="_blank" rel="noopener"><span class="fab fa-dribbble" aria-hidden="true"></span><span class="screen-reader-text">Dribbble</span></a></li><li><a href="https://www.flickr.com/photos/bauhouse" target="_blank" rel="noopener"><span class="fab fa-flickr" aria-hidden="true"></span><span class="screen-reader-text">Flickr</span></a></li><li><a href="https://github.com/bauhouse" target="_blank" rel="noopener"><span class="fab fa-github" aria-hidden="true"></span><span class="screen-reader-text">GitHub</span></a></li><li><a href="https://www.instagram.com/bauhouse" target="_blank" rel="noopener"><span class="fab fa-instagram" aria-hidden="true"></span><span class="screen-reader-text">Instagram</span></a></li><li><a href="https://www.linkedin.com/in/bauhouse" target="_blank" rel="noopener"><span class="fab fa-linkedin" aria-hidden="true"></span><span class="screen-reader-text">LinkedIn</span></a></li><li><a href="https://medium.com/@bauhouse" target="_blank" rel="noopener"><span class="fab fa-medium" aria-hidden="true"></span><span class="screen-reader-text">Medium</span></a></li><li><a href="https://www.pinterest.ca/stephenbau/" target="_blank" rel="noopener"><span class="fab fa-pinterest" aria-hidden="true"></span><span class="screen-reader-text">Pinterest</span></a></li><li><a href="https://stackoverflow.com/story/bau" target="_blank" rel="noopener"><span class="fab fa-stack-overflow" aria-hidden="true"></span><span class="screen-reader-text">Stack Overflow</span></a></li><li><a href="https://twitter.com/bauhouse" target="_blank" rel="noopener"><span class="fab fa-twitter" aria-hidden="true"></span><span class="screen-reader-text">Twitter</span></a></li></ul></div></div></footer></div></div></div>

1<script src="/assets/js/plugins.js"></script>

1<script src="/assets/js/main.js"></script>

1<script id="gatsby-script-loader">/*<![CDATA[*/window.page={"componentChunkName":"component---src-templates-page-js","jsonName":"about-f34","path":"/about/"};window.dataPath="33/path---about-f-34-4c2-JE488M36d9WBSU07a0WV4OcJw";/*]]>*/</script>

1<script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"app":["/app-7237a696b9081d5554c3.js"],"component---src-templates-page-js":["/component---src-templates-page-js-c2ebca9d7ef4ddb59088.js"],"component---src-templates-blog-js":["/component---src-templates-blog-js-044c1de58971cbd17190.js"],"component---src-templates-contact-js":["/component---src-templates-contact-js-27a61b628d1e67cad242.js"],"component---src-templates-portfolio-js":["/component---src-templates-portfolio-js-0d1a02b992ea66b26b7a.js"],"component---src-templates-home-js":["/component---src-templates-home-js-a606d2cc7d95a7190aa0.js"],"component---src-templates-post-js":["/component---src-templates-post-js-306fccc918bd4387d0dc.js"],"component---src-templates-project-js":["/component---src-templates-project-js-2149afcf37057ef63bf3.js"],"pages-manifest":["/pages-manifest-a1e297dbed67b526609d.js"]};/*]]>*/</script>

1<script src="/webpack-runtime-6c22953c957458929e95.js" async=""></script>

1<script src="/app-7237a696b9081d5554c3.js" async=""></script>

1<script src="/0-1a72a5fd346863369f77.js" async=""></script>

1<script src="/component---src-templates-page-js-c2ebca9d7ef4ddb59088.js" async=""></script>

1<script src="/1-cc74d1e6b64caf2d0622.js" async=""></script>

1<script src="https://widget.stackbit.com/init.js" id="stackbit-widget-init" data-stackbit-project-id="5dd98759868ea7001ba27d7b"></script>

1</body></html>