strategy & leadership

Youth Design Thinking Workshops

Youth Design Thinking Workshops

Leave review
Date
2019
Role
Facilitator
Tools
Post-its, Sharpies
Powered By
Our brains
start with why
"As a seasoned designer, I want to expose more youth the possibilities of a career in design."
Problem

Hypothesis.

If we teach problem solving earlier students will be better equipped to deal with day-to-day challenges.

Strategy

Goal.
Facilitate Design Thinking workshops for youth so they:

  • are enable them to view difficult situations from an optimistic mindset.
  • develop/increase creative confidence.
  • are equipped them with brainstorming techniques.
  • are encouraged individual thinking within groups
  • learn the importance of empathy
client since
2019
location
various
industry
various
Projects Completed
4

design thinking / creative confidence / collaboration / brainstorming methods / innovation

Results

Results.

  • Where multiple student groups worked the same problem, each group followed the process yet came up with different, viable solutions. 
  • Following my workshops each student can speak to the value of the design thinking at the end of the session.
  • At an event where students rotated various workshops, my design thinking workshop won the highest scores in post even survey results
Read More
LINK's Website Design Stretegy

LINK's Website Design Stretegy

Leave review
Date
October 2018
Role
Strategist, Information Architecture, Visual Design Lead
Tools
Sketch, Powerpoint
Redesign Proposal ≫
start with why
“As a website admin, I need that is easy to update and that our students will engage with."
Problem

Problem.

The current Link Program web site is difficult to update from an admin perspective. For users, it’s difficult to navigate and read from mobile devices. For this reason, students do not use the site.

Strategy

Strategy.

  • Determine a CMS platform to power the site.
  • Incorporate a task management tool to keep the working team on task.
  • Identify opportunities the current site missed.
  • Identify a design template to do the heavy lifting of coding and to eliminate the need for a full visual design process.
  • Architect the site then customize the design.
Solution

My Role.

  • INITIATIVE.
    When I joined the LINK website team, the Project Lead was contemplating CMS systems. I suggested Joomla due to its reasonable learning curve and extendability through its applications templates. I presented a comparison of the top 3 CMS systems and the team agreed.
  • PROJECT MANAGEMENT.
    To ensure the team was on track our Lead set up weekly meetings. I suggested a task management system to ensure we stay on track with requests and were held accountable to our responsibilities. We implemented Asana into our admin process.
  • PRESENT TO LEADERSHIP.
    I then created a presentation for the LINK leadership team including the CMS justification, project roadmap, budget. Our entire proposal was immediately accepted. See presentation
  • FRUGALITY.
    Since we’re volunteers, we donated our time for the design and development. Based on component research I determined total expenses at $240 for phase 1 and $150 for phase 2.
  • DISCOVERY & ANALYSIS.
    Our project lead chose a template and I determined the components. We did this before architecture and design to minimize the need to outsource customization and increase budget.
  • UX DESIGN.
    I created the experience for the events section of the site while my partners created the experience for information pages. As part of the Event Management experience, I integrated MailChimp into our site.
  • INITIATIVE.
    Our project lead took a hiatus from the Program due to (happy) life events. I assumed the role of Project Lead.
  • SIMPLIFY.
    After exhausting all options create easily implement pages with the existing template I made the decision to scrap it. I immediately found a new one which was easier to use, with a visual design more closely aligned with our primary target audience: creative high school students.
  • DEVELOPMENT.
    I installed the template and all components on the platform and customized the design by creating a design system, and updating the PHP, HTML, and CSS.
client since
2017
location
Seattle, WA
industry
Arts & Education
Projects Completed
3
Results

Results.

I came in 55% under budget. I was able to reduce the applications needed for phase 1.

The website launched 5 months late due to changes in the web team’s availability, collectively. The unanticipated change to the design template also cost us time. To prevent further delay we launched with critical components:

  • Event management & online registration.
  • Program overview summarized on the home page.
  • FAQs
  • MailChimp Integration

The Volunteers, About and Student Benefits sections are currently being built.

Student & volunteer registration management is completed online with a 70-100% response rate for each event since launch. This significantly reduced time spent creating and reviewing correspondence over the previous manual communication process.

Read More
AT&T Responsive Design System

AT&T Responsive Design System

Leave review
Date
April 2016
Role
Project Lead & Art Director
Tools
PhotoShop, Illustrator, InDesign
Powered By
Adobe Experience Manager CMS
Guidelines doc excerpt ≫
start with why

“As a stakeholder I need our organization to implement a faster, efficient, device agnostic method for delivering offers to customers without a complete redesign or a release for each initiative.”

Problem

Background.

In 2015 AT&T decided to take the plunge into responsive design. In addition, the current site platform which launched in 2010, was not responsive and performing slow. To make up for the lack of responsive content, in 2012 we launched a separate mobile site. However, that created two sites to maintain which doubled the effort in updating and creating new content. Additionally, the methods & styles to design for the 2010 site were archaic by 2015.

Strategy

Strategy.

  1. Update the platform to Adobe Experience Manager (AEM).
  2. Create a responsive website, with a mobile-first content approach.
  3. Move away from page templates and create a modular design system so pages could be built/updated by content implementors and released daily, instead of by developers and released on a project schedule.
  4. Utilize the newly emerged Digital Standards team to ensure design, code, copy and accessibility requirements were built uniformly.
Solution

My role.

I was asked to oversee the creative efforts to redesign and "responsify" the upper funnel pages of att.com. This was 12-15 pages, plus up to 3 versions of each for regional and authenticated-user specific content. The project was underway when I was assigned the initiative. Some of my tasks included:
 

  1. PROJECT LEAD.
    I coordinated the efforts of our external design agency, UX research, content implementors, development team, and copy strategists.
  2. RESOURCE MANAGEMENT & MENTORSHIP.
    The initial design was heavily dictated by an external design agency. I wanted to give our internal talent, who’d be sustaining this work, an opportunity to grow their responsive design skills. So I pulled designers to ensure they were getting acclimated to the responsive design process we were creating before deadline and metric dependent work assignments were handed out.
  3. WIN TRUST.
    I worked with stakeholders to gather their content and functional requirements for a redesign. We started lean, so some of the requested functionality would be placed in a backlog. I made myself available to attend regular Q&A sessions with stakeholders to alleviate their concerns.
  4. PROCESS CREATION.
    I created a workflow with input from the the development and content implementation team, to create a feature request intake process. This allowed product owners to request new pages, content updates, or functionality enhancements starting in Phase 2. As part of this process, I created an intake form to track requests. Requests were submitted to me or my producer. Once vetted, I'd assign an IA to provide an analysis or solution.
  5. PROCESS DOCUMENTATION.
    I designed our module “bible” which contained detailed information on each component at each breakpoint.
  6. QUALITY ASSURANCE.
    I performed Visual QA on each component to ensure each component was coded to spec, at each breakpoint on Chrome, Firefox Safari, and Internet Explorer.
  7. TRAINING & SUPPORT.
    From March - November 2016, I held multiple training sessions to ensure the standards team, design teams, content implementors, and copywriters knew where to access the files, documentation.
client since
2007
location
Bothell, WA
industry
Telecom & Entertainment
Projects Completed
A lot!
Results

Achievements.

The AEM Multi-screen redesign launched in April 2016.

I oversaw the creation of 99 module templates across 3 breakpoints, which replaced over 1500 templates.

Product Owners were no longer restricted to template-based pages. A section of a page could be updated through the daily release process instead of a full development effort.

I created a repository for assets available to all disciplines and external vendors.

I helped promote and encourage collaboration with the newly established standards team by following and referencing their guidelines.

Read More