Irish Americans for Biden

A campaign website for Joe Biden 2020.

background

Design and build a clean, modern, and easy-to-navigate campaign website for Irish American Democrats for Joe Biden 2020. Feature photos, news articles, policy positions, and other informational sources to educate people and encourage support for this candidate.

my roles

UX Designer

Front-end developer

team

Stella O’Leary, founder

Nathan Smith, content provider

tools used

Adobe Illustrator

Adobe Photoshop

Elementor

Figma

the ask

Design and build a visually appealing and easily scannable website that enables users to quickly gain an understanding of this candidate and his policy positions. Showcase relevant photos, quotes, and news clips, and provide a place where users can sign up to get involved.

understanding the user

I interviewed the group’s organizer on several occasions, learning about the grassroots organization, which was organized in 1996 to support U.S. congressional and presidential candidates who promote peace, justice, and prosperity in Ireland. I explored the group’s needs for this project by asking questions like the following: 

  • Who is your target demographic?
  • What level of education do they have?
  • Where are they located (U.S. or Ireland)?
  • What’s important to them? What do they care about?

I also explored what sort of image the site’s organizers wanted the site to convey:

  • What type of content do you want to share?
  • Do you have testimonials? Articles? 
  • What info do you want to highlight the most? 
  • What do you want to equip the user to do?
  • How will most users come to the site?

Founder, Stella O’Leary (right) with then-Secretary of State, Hillary Clinton

wireframes

The client wanted a site designed mainly around photos, quotes, and text. Here is a proposed layout.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

determining color & typography

I presented these typography and color palette choices.

lessons learned 

1) Able to quickly design based on client feedback in order to meet a tight deadline

2) Able to effectively present complex information simply 

3) Able to navigate and negotiate diverse client input

final site

Like what you see?

Hey there! You’ve made it to the bottom of the page. Want to learn more about me or what I’m working on? Click the links on the right.

Alternatively, here’s my resume.

I’m open to new opportunities and would love to hear from you.

samprice0618@gmail.com