My name is Lilian Taylor and I’m an experience designer based in Cambridge, MA.

My design career started when I was a master’s student at the Harvard Graduate School of Design. Alongside my architecture work I studied product design, entrepreneurship, and human-centered design.

For the past six years I’ve worked as a graphic designer, brand designer, UX designer, and learning experience designer. My strengths are workshop facilitation, the user-centered design process, and strategic thinking.

Check out my resume below or download a copy.

Resume | Lilian Taylor | Everything Designer Download PDF

Lilian Taylor

Everything Designer

Profile

I've been in the tech industry for over 15 years and have a diverse range of experiences from working as a front-end developer, teaching, curriculum development, creating video content and courses. I'm also exploring other creative endeavors such as podcasting and drawing.

Back to homepage

Work Experience

Freelance

Branding and Graphic Designer

May 2022 — Present

Create brand identities, graphics, and presentations for startups, consultant groups, and art galleries.

Fidelity Investments

Learning Experience Architect

Oct 2021 — May 2022

Led teams of 4-8 designers in the creation of multi-week learning experiences for thousands of new hires at Fidelity.

Senior UX Designer

Dec 2020 — Oct 2021

Served as UX designer on six different digital experiences across multiple agile teams, including an investment planning experience that receives over 1.5 million visits annually. Regularly facilitated co-design and strategy sessions for designers and non-designers. Co-founded the UX Speakers & Writers group.

UX Designer

Apr 2019 — Dec 2020

As the UX designer on an agile squad I led the design strategy and implementation of responsive digital tools related to health care.

Visual Designer

Nov 2017 — Apr 2019

Developed visuals for internal and external communications under tight time-frames. Assets included infographics, animations, brand concepts and logos, web mockups, presentations, and social media graphics. Regularly managed the design side of major corporate events.

Harvard Desirability Lab

HCD Research & Teaching Fellow

Aug 2015 — Dec 2016

Worked on qualitative research projects applying human-centered design best practices. Helped teach two human-centered design courses for Harvard undergraduate and graduate students.

Education

Harvard Graduate School of Design

Master in Architecture, 2017

Cornell University

BS in Natural Resources, 2012

Core Skills

  • Human-centered design process
  • UX from vision to implementation
  • User research
  • Instructional design
  • Graphic design
  • Workshop facilitation
  • Public speaking
  • Project planning and management

Core Software

  • Figma
  • Sketch
  • Invision
  • Illustrator
  • InDesign
  • Photoshop
  • Mural
  • UserZoom
  • UserTesting
  • Rhino
/* 
COLOR PALETTE

Almost black     #1A1A1A
Medium gray      #999999 
Darkest blue     #0F292F
Highlight blue   #14A098
Highlight pink   #0F292F
Off-white        #f6f6f6
*/

/* GLOBAL STYLES
----------------------------------------------*/

/* box model fix */
html {
    box-sizing: border-box;
  }
  *, *:before, *:after {
    box-sizing: inherit;
  }

html, body {
    height: 100%;
}

body {
    background: #f6f6f6ff;
    font-size: 1rem;
    line-height: normal;
}

.content-wrapper {
    padding: 20px;
    max-width: 800px;
    margin: 0 auto;
}

/* Links
-----------------------*/
a {
    color: #14A098;
}

a:hover {
    color:#0F292F;
    text-decoration: none; /* removes underline */
}

.btn {
    background: #14A098;
    color: #f6f6f6;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.875rem;
    display: inline-block;
    padding: 14px;
    letter-spacing: 0.1em;
    line-height: 1;
    border-radius: 4px;


}



/* HOME
----------------------------------------------*/

.home {
    background: url(../images/bg-home-office-studio.jpg) no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
}

.home .content-wrapper {
    flex: 1 0 auto;
}

.content-bg {
    background: #f6f6f6;
    padding: 24px
}


/* ABOUT
----------------------------------------------*/
.download-link {
    position: fixed;
    top: 10px;
    left: 10px;
}

/* Projects
-----------------------*/




/* Resume
-----------------------*/
.resume {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    column-gap: 32px;
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.resume h1, h2, h3, h4 {
    margin: 0;
}


.resume h1 {
    margin: 0;
    line-height: normal;
    margin-bottom: 1rem;
}



.resume h2 {
    color: #999999;
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1.2;
}

.resume h3 {
    color: #14A098;
    display: inline;
    background: #FFFFFF;
    padding-right: 10px;
}

.work-title-dates {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    margin-top: 1.2rem;
    margin-bottom: 0.25rem;
}

.resume-dates {
    font-family: proxima-nova-condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #999999;
    text-transform: uppercase;
    margin: 0;
    text-align: right;

}

.resume p {
    margin: 0;
}

.work-section {
    margin-bottom: 32px;
}

.work-section-header {
    display: grid;
    grid-template-columns: fit-content(300px) 1fr;
    gap: 5px;
}


.line {
    border-bottom: 2px dashed #14A098;
    position: relative;
    bottom: 10px;
    z-index: -1;
}

.education-and-skills ul {
    list-style-type: none;
}

/* Education
-----------------------*/


#my-slogan {
    background: rgba(15 41 47 / 25%);
}

.blue-text {
    color: #14A098;
}


/* FOOTER
----------------------------------------------*/
footer {
    background: #0F292F;
    color: #f6f6f6;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}

footer a:hover { /* because footer is black, override global hover color to be lighter */
    color:#f6f6f6;
}

.socials {
    list-style-type: none;
}

.socials li {
    display: inline-block;
    margin-left: 10px
}

.socials li:hover {
    opacity: 20%;
}


/* ------------

Here is a comment with symbols in it body { background:#f6f6f6; } 

------------- */