Amplifying the Branding and Digital Experience for Foundations for Hope and Justice Consulting

Prioritizing clarity, accessibility, and impact in a website redesign for a DEI consulting business

CATEGORY

UI/Web Design
Brand Design
Visual Design

ROLE

Freelance Brand and Visual Designer

PUBLISHED

2023

TOOLS

Adobe Illustrator
Adobe Photoshop
Adobe XD
Adobe InDesign

Amplifying the Branding and Digital Experience for Foundations for Hope and Justice Consulting

Prioritizing clarity, accessibility, and impact in a website redesign for a DEI consulting business

CATEGORY

UI/Web Design
Brand Design
Visual Design

ROLE

Freelance Brand and Visual Designer

PUBLISHED

2023

TOOLS

Adobe Illustrator
Adobe Photoshop
Adobe XD
Adobe InDesign

Amplifying the Branding and Digital Experience for Foundations for Hope and Justice Consulting

Prioritizing clarity, accessibility, and impact in a website redesign for a DEI consulting business

CATEGORY

UI/Web Design
Brand Design
Visual Design

ROLE

Freelance Brand and Visual Designer

PUBLISHED

2023

TOOLS

Adobe Illustrator
Adobe Photoshop
Adobe XD
Adobe InDesign

background

background

background

Reforming his consulting business, I worked closely with founder and president of Foundations for Hope and Justice Consulting, Alejandro Covarrubias. I translated his ideas into a complete website with branded elements that showcase his mission and refreshed business identity.

Reforming his consulting business, I worked closely with founder and president of Foundations for Hope and Justice Consulting, Alejandro Covarrubias. I translated his ideas into a complete website with branded elements that showcase his mission and refreshed business identity.

Reforming his consulting business, I worked closely with founder and president of Foundations for Hope and Justice Consulting, Alejandro Covarrubias. I translated his ideas into a complete website with branded elements that showcase his mission and refreshed business identity.

about

about

about

Foundations for Hope and Justice Consulting empowers individuals and groups (in higher education, K-12 education, nonprofits) with the necessary awareness, knowledge, skills and courage to create tangible strategies to build more equitable and humanizing organizational environments.

Foundations for Hope and Justice Consulting empowers individuals and groups (in higher education, K-12 education, nonprofits) with the necessary awareness, knowledge, skills and courage to create tangible strategies to build more equitable and humanizing organizational environments.

Foundations for Hope and Justice Consulting empowers individuals and groups (in higher education, K-12 education, nonprofits) with the necessary awareness, knowledge, skills and courage to create tangible strategies to build more equitable and humanizing organizational environments.

visiting the website

visiting the website

visiting the website

Dissecting the previous website design, there were some concerns that needed to be addressed: 

Dissecting the previous website design, there were some concerns that needed to be addressed: 

Dissecting the previous website design, there were some concerns that needed to be addressed: 

  • The use of all 5 brand colors felt overpowering, especially using the rust orange color as the main background for the entire site. There were several considerations regarding accessibility, readability, eye strain, and overall branding. 

  • The use of all 5 brand colors felt overpowering, especially using the rust orange color as the main background for the entire site. There were several considerations regarding accessibility, readability, eye strain, and overall branding. 

  • The use of all 5 brand colors felt overpowering, especially using the rust orange color as the main background for the entire site. There were several considerations regarding accessibility, readability, eye strain, and overall branding. 

  • The images and icons used weren’t relevant to the copy. It was crucial to have imagery that correlated with copy to help visitors understand the content, increase engagement, and create a more memorable brand experience.

  • The images and icons used weren’t relevant to the copy. It was crucial to have imagery that correlated with copy to help visitors understand the content, increase engagement, and create a more memorable brand experience.

  • The images and icons used weren’t relevant to the copy. It was crucial to have imagery that correlated with copy to help visitors understand the content, increase engagement, and create a more memorable brand experience.

  • Each page needed reorganization to be effective and digestible. With the lack of information hierarchy and dense blocks of text, it not only would make it difficult to retain relevant information, but it could lead to high bounce rates for all users.

  • Each page needed reorganization to be effective and digestible. With the lack of information hierarchy and dense blocks of text, it not only would make it difficult to retain relevant information, but it could lead to high bounce rates for all users.

  • Each page needed reorganization to be effective and digestible. With the lack of information hierarchy and dense blocks of text, it not only would make it difficult to retain relevant information, but it could lead to high bounce rates for all users.

  • The founder had voiced that the content on his "Services" page seemed to get lost as there was lots of information he included. When he added another service, it would require careful consideration on placement and structure.

  • The founder had voiced that the content on his "Services" page seemed to get lost as there was lots of information he included. When he added another service, it would require careful consideration on placement and structure.

  • The founder had voiced that the content on his "Services" page seemed to get lost as there was lots of information he included. When he added another service, it would require careful consideration on placement and structure.

impact

impact

impact

The launch of the new website brought about several significant changes, including:

The launch of the new website brought about several significant changes, including:

The launch of the new website brought about several significant changes, including:

  • New page layouts that were visually engaging but also provided an organized and digestible experience,

  • New page layouts that were visually engaging but also provided an organized and digestible experience,

  • New page layouts that were visually engaging but also provided an organized and digestible experience,

  • Effective use of white space and branding colors,

  • Effective use of white space and branding colors,

  • Effective use of white space and branding colors,

  • Unique illustrations and icons that aligned with the content and the founder’s values,

  • Unique illustrations and icons that aligned with the content and the founder’s values,

  • Unique illustrations and icons that aligned with the content and the founder’s values,

  • An official home for conferences and podcasts the founder took part in,

  • An official home for conferences and podcasts the founder took part in,

  • An official home for conferences and podcasts the founder took part in,

  • A revamped “Services” page with a collapsible block that allows visitors to learn more about what the founder has to offer without being bombarded with information, and

  • A revamped “Services” page with a collapsible block that allows visitors to learn more about what the founder has to offer without being bombarded with information, and

  • A revamped “Services” page with a collapsible block that allows visitors to learn more about what the founder has to offer without being bombarded with information, and

  • Clear call to actions and use of the footer as a secondary navigation to place relevant pages and contact details.

  • Clear call to actions and use of the footer as a secondary navigation to place relevant pages and contact details.

  • Clear call to actions and use of the footer as a secondary navigation to place relevant pages and contact details.

check out my other work

check out my other work

check out my other work