Dogmo Studios // résumé Eliza Wee | ewee@dogmo.com
Interested in collaborative projects that use my powers for good.
Love the sweet spot that combines geek and art.
Qualifications
- Enthusiastic champion of standards, advocacy, and human-centered design with a focus on collaborative work
- Experienced design professional with a background of over 25 years
- Design, development, and production for a variety of nonprofit, community, and SMB clients
- Unique combination of visual design skills, coupled with standards-compliant front-end development, and through understanding of UX/UI, project management, business goals, and best practices
- Lead and manage all UX processes, including kick-off meetings, stakeholder interviews, user journey mapping, qualitative research, online research, and design workshops
- Create all levels of interactive and digital products with a client-services focus and agile/iterative workflow
- Proven track record of enthusiastic advocacy for collaborative and multidisciplinary teams
- Adept at creating client-specific solutions for a variety of design problems
- Art exhibitions include APAture 2002 and 2004, g1 studios 2003 ("Una Noche de Amor"), Oakland Open Studios 2007, and the 2012 Sketchbook Project
Skills
- UX Design (User Interviews, Card sort, Style Tiles, Metaphor Exercises, Journey Mapping)
- Prototyping (Adobe Photoshop, Invision, Sketch, Zeplin, Marvel, Canva)
- Front-end Design (Standards-Compliant/Responsive/Semantic HTML/SCSS/CSS, JQUERY, PHP, Visual Studio Code, Sublime Text, Git)
- Iterative Design & Development (Agile, Scrum, Sprints)
- Project Management (Jira, Basecamp, Slack, Asana, Trello, Redmine, Confluence, Scrumy)
- QA, Testing, & Research (Browserstack, Email on Acid, Mailtrap, Log.io, Chrome Dev Tools, Google Analytics, Mixpanel, Mouseflow)
- CMS Systems (WordPress, Drupal)
- Graphic Design & Information Architecture (Adobe Photoshop, Illustrator, InDesign, Microsoft Office, Google Docs)
Professional Experience
Designer, Principal/Owner
Dogmo Studios | Oakland, CA
January 2001 - present
-
The California Dream: Housing Advocate Toolkit
Partnered with LightBox and CZI to design toolkit materials and a responsive website to support California’s housing advocates working to solve the housing crisis.- Branding and Logo design, UX and Front-end design, Custom WordPress site and theme build, Infographic design, QA/Testing
-
ACLU's Gold Chains Project
Responsible for all levels of UX and Front-end design/development to build a responsive website featuring the hidden history of slavery in California; this project dovetails with the 1619 project and the 400th anniversary of the arrival of enslaved Africans in Virginia- Met with stakeholders regularly to iterate as we built, basing our revisions on user feedback
- Developed the site based on data provided by a coalition of team members spearheading interviews, research, and content
Invited to join d.school's Craft Circle, a network of creative talent selected for their orientation toward human-centered design and methodologies.
- Designed tools using human-centered design as part of the Healthy Polling Places Project (part of the Stanford-MIT Healthy Elections project). These tools were created to help election officials address health risks associated with in-person voting during the COVID-19 pandemic. Materials needed to be easily accessible for non-design/non-technical volunteers and staff. Methodology was extremely iterative, with quick turnaround on feedback and multiple people working together on materials.
- Worked with the Oceans By Design team to develop Prototyping with 360/VR materials that could be easily repurposed to allow formal/informal educators to easily create and distribute their own instructions to help students develop their own prototypes
- Redesigned an artifact for the Teaching & Learning team to allow staff to collect data using design-thinking principles such as user personas and scenarios
Fabulous collaborative effort honoring the legacy of the 14th Amendment. Responsible for all areas of UX/UI, responsive design, infographics, social media, and QA/testing.
- Led the design process to create a powerful collaborative website honoring the legacy of the 14th Amendment on its 150th anniversary
- Met regularly with the Communications staff and stakeholders including Youth Radio, Underground, and LightBox Collaborative to review design solutions and iterate based on user feedback
- Developed a visual language for the site and all supporting materials using UX tools and processes (including Style tiles, Metaphor generation, Gut reaction sorting)
Created a dynamic brand for a high-energy campaign to win a $150,000 Partners in Preservation Main Street grant for the San Francisco Women's Building, to highlight and raise awareness for the often unrecognized contributions of women to American history and society.
- Built a flexible and cohesive identity that could be used across multiple channels (web, social, print) that was easily adapted by staff (non-designers) as needed. The resulting brand was so well received that the client retained the new look and feel for additional projects beyond the initial campaign
Led all aspects of UX and Front-end Design for Gobble.com, including design and launch of the first-in-the-field meal prep product. This included developing prototypes, writing semantic HTML/SCSS/CSS, conducting research and testing, and iterative product development.
- Worked cross-functionally with Marketing, Engineering, Customer Service, and Data Scientists to develop new features and eliminate customer pain points within Registration and Cart flows
- Created online design standards and updated legacy HTML and SCSS to maintain more consistent brand standards
- Managed Agile workflow by maintaining UX and Marketing boards on Asana, and coordinating with Marketing and Engineering for Sprints
- Met with the VP of Marketing weekly to continuously integrate Customer Service feedback and Analytics to keep priorities focused on the User Experience
Designed popular education materials for workers' rights in partnership with California State Labor Commissioner's Office and the UCLA Labor Center to support the Labor Commissioner's campaign to reach as broad an audience as possible while raising awareness of worker's rights. We designed six large format brochures and a worker calendar, each translated into as many as six languages.
- Created the visual identity for six large format brochures and a worker calendar, each translated into as many as six languages (Example: Wage Theft brochure, PDF)
- Conducted Kick off meetings, Stakeholder interviews, User interviews with community organizers and the Labor Commissioner's Office
- Responsible for all areas of Graphic Design, Project Management, Art Direction, Data Analysis, Information Architecture, and Infographic Design
A Report on the State of the DLSE was an ambitious project highlighting the incredible work accomplished by the State Labor Commissioner Julie Su and the Division of Labor Standards Enforcement. This project required the distillation of vast datasets into a succinct and coherent design.
- Designed a report to highlight the broad and effective changes made to the DLSE by the State Labor Commissioner, Julie Su
- Responsible for all areas of Graphic Design, Project Management, Art Direction, Data Analysis, Information Architecture, and Infographic Design
CAA's site was revamped to have a common look/feel across three distinct departments, while featuring custom branding for the California Magazine and the Lair.
- Redesigned the CAA site to retain the main brand look/feel, while creating three cohesive but distinct brands, complete with individual color palettes, fonts, and site structure
- Interfaced with Engineering team to build a custom Drupal back-end
- Led stakeholder meetings using Style tiles, Metaphor activities, and User interviews
- Developed Wireframes, Prototypes, Brand and Design Libraries
Provided UX and Front-end design for the public facing websites for the FRBSF
- Built wireframes, prototypes, and semantic HTML/SCSS for new interactive elements of the site
- New sections included: Unreserved and an Interactive Payment Diary Game
Developed branding and redesigned materials for OSSS, an early education collaborative to ensure that every Oakland child grows up healthy and engaged in learning
- Created a visual design language and clear information hierarchy to more clearly demonstrate the efficacy and impact of their work
- Managed ongoing trainings to teach their staff (non-designers) how to develop materials with user-centric design
Created promotional materials (including a billboard!) for Amnesty USA's first ever Shine a Light on Human Rights award presented to His Holiness the 14th Dalai Lama. It was a particular honor to have the opportunity to work with the artwork of one of my heroes, Shepard Fairey.
Created front-end design for the 2013 annual report for Code for All using HTML/SCSS and Bootstrap to create a responsive and visually rich site. Designed four case studies to highlight Code for All and their partners, developed flexible white paper type layout to present findings from each group (PDF files):
Developed and designed the visual identity, signage, and other materials for the Code for America Summit 2017 and Code for America's Donor Brochure
Website design and build from the ground up for this exciting fund. This project took disparate sources of data, UX/UI research with a cross-section of funders and Astraea staff to build a modern, responsive site, with a highly customized Wordpress back- and front-end.
- Provided Research, UX Design, Front-end Design/Development, and Project Management for a website design and build for a collaborative philanthropic initiative that recognizes groups working across issues and movements for social change
- Built a responsive design with a custom functionality, theme, and WordPress back-end
This project updated the existing website design to be responsive and work with modern browsers and devices, while also moving them into a custom Wordpress setup. We were responsible for all facets of the project from start to finish.
This site involved a broad cross-section of voices and was one of the most successful design by committee projects I have ever worked on. The migration to Drupal was handled by Trestle Media. I was responsible for all stages of the project from exploratory/planning meetings with all levels of the APALC team, to project management and UX, to design and front-end development. (They have since rebranded as Advancing Justice, but kept the design we created.)
Volunteered as a Front-end designer, Graphic designer, and Illustrator for the Obama campaign's Tech Field Office. Designed, developed, and illustrated digital products and tools to support the 2012 Presidential Campaign. This included creating prototypes, writing semantic HTML/CSS, and tracking code changes in GitHub.
Provided UX Design, Graphic Design, and Strategy as part of a three-person team for AnonyMouse, an SMS/mobile/web app (Twilio) that connected LBGT youth with mentors that can safely and anonymously answer difficult questions.
UX Designer
Little Passports | San Francisco, CA
June 2017 - June 2018
- Brought in full-time during a time of dynamic growth as Little Passports' first UX Designer
- Provided a cross-functional resource that bridged Engineering, Marketing, and other teams
- Integrated all levels of UX design for a rapidly growing children's brand and commerce platform
- Created unique visual experiences for a variety of user-facing products
- Designed and developed a new COPPA-compliant domain, working in close collaboration with internal and external partners to iteratively create custom interactive kid-focused content
- Managed cross-functional initiatives and priorities for site enhancements, e-commerce UX/UI, customer retention, churn reduction, and high value promotions
- Augmented front-end processes to include more robust responsive design, development, and testing
- Redesigned main subscription pages, resulting in an immediate positive change to the overall mix shift
- Designed and implemented a new one-stop renewal process, creating a more cohesive user experience from initial emails to the optimized final cart experience
- Created unique visual experiences for a variety of user-facing products including Little Passport’s blog, providing a robust traffic driver to the site via organic search
- Balanced multiple responsibilities including graphic design, front-end design, collaboration with Marketing, Project Management, and Product Design teams
- Worked closely with the Engineering department to create data-driven solutions within an Agile workflow
- Managed project workflows and streamlined the ticketing process between Marketing and Engineering
- Created documentation of design processes and pattern libraries
Interactive Designer
PC World, Macworld | San Francisco, CA
April 2010 - January 2011
- Enthusiastic advocate for collaborative problem solving to bring ideas from proof of concept to implementation
- Strong knowledge of technical and design challenges within web, print and mobile applications
- Responsible for rapid prototyping and implementation of custom ad programs, social media initiatives, emerging ad technologies and other web solutions for advertisers on PCWorld.com and Macworld.com
- Developed editorial art, interactive illustrations, and other online assets for PCWorld.com
- Provided creative and technical interface with our various web teams: Development, Edit, Sales, Ad/Agency contacts, Ad Operations, Business Development, and Marketing
- Utilized Scrum/Agile Software Development practices, Eclipse, and Subversion to address bugs and other tasks
- Worked within the Engineering department and their Agile workflow
- Created prototypes and semantic HTML/CSS, using data from the Sales and Research departments
- Designed interactive illustrations and graphics for advertisers and the Editorial department
Production Services Manager, Print/Online
PCWorld, GamePro, Macworld | San Francisco, CA
October 2002 - April 2010
- Prepress, proofing, and troubleshooting for over 120 advertiser files monthly
- Responsible for all aspects of traffic--advertiser contact, file troubleshooting, printer liaison, proofer maintenance, financial/paperwork checks. Zero production makegoods in over 7 years
- Responsible for converting the TIFFIT/P1 workflow to 100% PDF/X-1a workflow
- Calibrated and maintained proofing equipment
- Online production--responsible for translating print articles to XML, working with App Dev, Edit, and Art. Troubleshooting XML and HTML files. Updating static HTML pages as needed. Pushing pages and images live using CMS and in-house tools
- Reviewed and provided troubleshooting of XSLT, feedback for updating internal schema
- Licensing--primary contact from 2003-2006 (when the feeds were moved from push to pull) for all monthly feeds. Responsible for generating and pushing the feeds, and troubleshooting issues
- AdOps tasks as needed--scheduling newsletters in DART, online graphics on immediate turnaround. Updating static online pages using CMS system
- Traffic, prepress, and troubleshoot all ads for Gamepro's monthly magazine
- Managed all aspects of production for Gamepro's quarterly Wii Guide
- Designed Flash and online graphics for Macworld.com and Macworld newsletters
Senior Online Designer
PCWorld.com | San Francisco, CA
June 1999 - December 2000
- Web and Print Design, HTML, Javascript, Information Architecture, Graphics
- Involvement at all levels of research, development and design for PCWorld.com and its network of sites
- Supervised production artists and outside contractors
- Developed training and assessment program for entry-level production artists and designers
- Technical liaison for the Business Development, Audience Development, and Online Marketing staff
- Responsible for consistent branding within all collateral materials from print and online advertising to co-branded sites and new products
Treasurer and Mural Artist
San Francisco, CA
June 1997 - October 2000
Treasurer, Board of Directors & Muralist | Precita Eyes Mural Center
- Participating artist on several murals throughout the San Francisco Bay Area
- Responsible for all levels of planning, design, color consultation, illustration and painting
- Organized, publicized, and supervised community paint-ins involving over 300 volunteers and students
- Delivered presentations and attended meetings with the Arts Commission, Parks and Recreation, and the Chinatown Resource Center
- Responsible for the business and operational decisions for a community-based arts organization
- Administered over $250,000 annually
- Implemented a Capital Campaign to raise over $500,000
- Member of the Marketing/Development and the Capital Campaign Committees
Marketing Communications Coordinator and Graphic Designer
DiCon Fiberoptics, Inc. | Berkeley, CA
February 1998 - May 1999
- Web Design, Information Architecture, HTML, and site maintenance
- HTML, UX/UI, and content creation of web-based marketing materials
- Developed graphic elements and user interface for corporate website
- Ad design, product catalog design, package design, tradeshow graphics, and corporate identity
- Managed $350,000 annual budget: Advertising, Product Catalog, Tradeshows and all other Collateral Materials
- Responsible for negotiations with publications that generated over $20,000 in savings
- All level of conference services: Tradeshow marketing, planning, coordination and execution of events
- Mechanical diagrams, file conversions and software support
Portfolio
Gold Chains: The Hidden History of Slavery in California
Contact
ewee@dogmo.com | 510-IS-DOGMO
Clients
We're thrilled to support people doing amazing work, using our powers for good, and generally making the world a better place.
Here are a few clients we've had the honor of working with:
- ACLU of Northern California
- ACLU of Southern California
- AFAR Media
- Alameda Point Collaborative
- Amnesty International
- APALC (now Asian Americans Advancing Justice)
- Aspiriant
- Astraea Foundation's LGBTQ Racial Justice Fund
- Cal Alumni Association
- The California State Labor Commissioner's Office
- Causa Justa Just Cause
- Chan Zuckerberg Initiative
- Code for America
- Code for All
- Dwell Media
- East Bay Meditation Center
- Federal Reserve Bank of San Francisco
- Geography at Berkeley
- Gobble.com
- Immigrant Legal Resource Center
- LeaderSpring Center
- Lightbox Collaborative
- Little Passports
- Oakland Starting Smart and Strong
- Rubicon Programs
- Stanford's d.school
- Transgender Law Center
- UCLA Labor Center
- The Unity Council
Education
Bachelor of Arts, Fine Arts
Amherst College | Amherst, MA
- Established strong foundation in Fine Arts and Studio Art Practice
- Main topics explored included painting, printmaking, and illustration
- Additional concentration in Geology
- Exhibitions include APAture 2002 and 2004, g1 studios 2003 ("Una Noche de Amor") and Oakland Open Studios 2007
Tidbits
Zoom shirts, no more #pantslife...& 2020
See below re: whirlwind. Both 2019 and 2020 were years of growth for us. Lots of good work with great people. Hope you're all staying safe and see you in 2021!
#Pantslife...
After a solid 7 year run with Dogmo Studios, I got an offer I couldn't refuse and spent a year wearing pants and working at a sweet little edu-startup (see Little Passports on my résumé and samples of work for more info).
The #pantslife forecast for the second half of 2018 is unclear, but there's much afoot, including an inspiring collaboration with the good folks at the ACLU of Northern California on their #Powerthe14th Campaign.
Whirlwind!...Whadda ride!
The cobbler's children and all that, things took off and we've been busy with a variety of projects. We wanted to stop and at least thank you (yes, you!) for the fantastic and inspiring projects over the last few years. Here's to many more! (And, of course, let us know if we can be of any help!)
Using our powers...
Recipient of 2nd Place Award at Change.org's first-ever Hack for Change hackathon. Part of a three-person team, provided design, UX, strategy for AnonyMouse, a Twilio-based SMS/mobile/web app that connects LBGT youth with mentors that can safely and anonymously answer difficult questions.
...for good
Created promotional materials (including a billboard!) for Amnesty USA's first ever Shine a Light on Human Rights award presented to His Holiness the 14th Dalai Lama.
It's the end of the world! (aka 2012):
Building on the momentum from 2011, we're growing Dogmo Studios into a bootstrap distributed agency. This gives us the ability to reach more clients and provide more comprehensive services--all while keeping things lean and agile. (Just the way we like!)
Jumping off the cliff:
Started 2011 by taking the plunge, and dedicating myself to a little startup venture of my own. Focused on extending skillsets in visual design, UX/UI, and mobile/web development.
UX/UI:
Spent 2010 on PCWorld | Macworld's design team as an Interactive Designer (Front-end coding in HTML/CSS, Wireframing and mockups in Photoshop/Illustrator, Interactive designs utilizing JQuery and Flash. Storyboarding, SVN/Eclipse, Agile Development Process).
Mobile venture:
Responsible for all aspects of design and illustration for Weetwoo! Kids Video iPhone app.
Random goodness:
Inordinately fond of bright/shiny and salty/spicy. At my Tol (돌) ceremony, I grabbed a pen and I haven't let go of it, both literally and metaphorically. (If anyone knows how to repair old fountain pens, lmk!)
2019 was an epic outrigger season...got to be on the ground floor of a new outrigger team and finally got to my bucket list race, Na Wahine O Ke Kai! Hard to hit pause after so much stoke, but appreciating the rest and looking forward to 2021!