WebDesign / Interactive Design
WebMD / Interactive Web Special

The Brief:
For 30 years, ICF has worked as a community foundation to grow charitable giving across borders supporting NGOs and causes in Mexico. In addition to having an incredibly complex website, ICF found itself facing growing competition, more complexity of offerings, and changing technologies in fundraising.
Agency
Client - International Community Foundation
Agency - FWB
Country - USA / Mexico
Role
UX + UI design, Brand strategist, Content architecture
WebDesign / Interactive Design
WebMD / Interactive Web Special

The Brief:
For 30 years, ICF has worked as a community foundation to grow charitable giving across borders supporting NGOs and causes in Mexico. In addition to having an incredibly complex website, ICF found itself facing growing competition, more complexity of offerings, and changing technologies in fundraising.
Agency
Client - International Community Foundation
Agency - FWB
Country - USA / Mexico
Role
UX + UI design, Brand strategist, Content architecture
WebDesign / Interactive Design
WebMD / Interactive Web Special

The Brief:
For 30 years, ICF has worked as a community foundation to grow charitable giving across borders supporting NGOs and causes in Mexico. In addition to having an incredibly complex website, ICF found itself facing growing competition, more complexity of offerings, and changing technologies in fundraising.
Agency
Client - International Community Foundation
Agency - FWB
Country - USA / Mexico
Role
UX + UI design, Brand strategist, Content architecture
What’s to solve
Among other grievances, users simply were confused and getting lost in endless, long running pages with simultaneous of CTA’s and messy navigation. The User Experience and design of the web presence was so interwoven with other business and branding issues to be resolved. The work ICF does is unparalleled, but most audiences would never know it from visiting the website. What ICF really needed was clarity in their story, their identity, offerings, and strategy. Additionally they needed a style facelift to align with the times and trajectory of other philanthropy web presences in order to survive, grow and find new audiences. - Content consolidation, length and number of pages. - Identifying audiences & channeling relevant info and CTA’s to each. - Refined brand strategy, Impact story + USP. - Cleaner Design + UI
What’s to solve
Among other grievances, users simply were confused and getting lost in endless, long running pages with simultaneous of CTA’s and messy navigation. The User Experience and design of the web presence was so interwoven with other business and branding issues to be resolved. The work ICF does is unparalleled, but most audiences would never know it from visiting the website. What ICF really needed was clarity in their story, their identity, offerings, and strategy. Additionally they needed a style facelift to align with the times and trajectory of other philanthropy web presences in order to survive, grow and find new audiences. - Content consolidation, length and number of pages. - Identifying audiences & channeling relevant info and CTA’s to each. - Refined brand strategy, Impact story + USP. - Cleaner Design + UI
What’s to solve
Among other grievances, users simply were confused and getting lost in endless, long running pages with simultaneous of CTA’s and messy navigation. The User Experience and design of the web presence was so interwoven with other business and branding issues to be resolved. The work ICF does is unparalleled, but most audiences would never know it from visiting the website. What ICF really needed was clarity in their story, their identity, offerings, and strategy. Additionally they needed a style facelift to align with the times and trajectory of other philanthropy web presences in order to survive, grow and find new audiences. - Content consolidation, length and number of pages. - Identifying audiences & channeling relevant info and CTA’s to each. - Refined brand strategy, Impact story + USP. - Cleaner Design + UI
Process / Research:
Competitor Analysis: Sometimes the best place to start is just to look around at what your neighbors are doing and get a sense of whats current out there. We looked at ICF’s contemporaries and competitors to get a sense of where they fit into the competitive landscape around them. Workshops: Once real differences from where ICF was and where it wanted to go started to emerge, we organized interviews and workshops with employees + board members to start to define their core offerings, mission, purpose, and audiences. From there we could begin to identify key user groups, profiles, and user needs. It was clear ICF not only had a website/design problem, but a clarity problem.
Process / Research:
Competitor Analysis: Sometimes the best place to start is just to look around at what your neighbors are doing and get a sense of whats current out there. We looked at ICF’s contemporaries and competitors to get a sense of where they fit into the competitive landscape around them. Workshops: Once real differences from where ICF was and where it wanted to go started to emerge, we organized interviews and workshops with employees + board members to start to define their core offerings, mission, purpose, and audiences. From there we could begin to identify key user groups, profiles, and user needs. It was clear ICF not only had a website/design problem, but a clarity problem.
Process / Research:
Competitor Analysis: Sometimes the best place to start is just to look around at what your neighbors are doing and get a sense of whats current out there. We looked at ICF’s contemporaries and competitors to get a sense of where they fit into the competitive landscape around them. Workshops: Once real differences from where ICF was and where it wanted to go started to emerge, we organized interviews and workshops with employees + board members to start to define their core offerings, mission, purpose, and audiences. From there we could begin to identify key user groups, profiles, and user needs. It was clear ICF not only had a website/design problem, but a clarity problem.









Solution
Define Core Offering: A brand clarity problem can’t always be fixed by design or UX solutions alone. A design approach at refining who ICF is and what they offer the world (how, what and why) could help reset the entire brand communication for reframing ICF’s reason for being. Once we had that, the story can almost write itself. Defining Audiences + Needs: We started with defining the key audiences and mapping out the relevant information/experience for each user type. From this, we could build a content strategy that could better meet users needs, guide them to the information they sought. As well, as build out new tools, content and storytelling to better explain ICF’s greater impact. With 3 user groups clearly defined, we could parse audiences into their relevant needs and reduce the entire site down from 37 to 18 pages. Design: Once the brand story is in place, the visual elements and identity can fall into place. In ICF’s case, we looked at creating a more simple and unified visual identity system (color palette, iconography, typography) for a more harmonious and cleaner UI to apply anywhere.
Solution
Define Core Offering: A brand clarity problem can’t always be fixed by design or UX solutions alone. A design approach at refining who ICF is and what they offer the world (how, what and why) could help reset the entire brand communication for reframing ICF’s reason for being. Once we had that, the story can almost write itself. Defining Audiences + Needs: We started with defining the key audiences and mapping out the relevant information/experience for each user type. From this, we could build a content strategy that could better meet users needs, guide them to the information they sought. As well, as build out new tools, content and storytelling to better explain ICF’s greater impact. With 3 user groups clearly defined, we could parse audiences into their relevant needs and reduce the entire site down from 37 to 18 pages. Design: Once the brand story is in place, the visual elements and identity can fall into place. In ICF’s case, we looked at creating a more simple and unified visual identity system (color palette, iconography, typography) for a more harmonious and cleaner UI to apply anywhere.
Solution
Define Core Offering: A brand clarity problem can’t always be fixed by design or UX solutions alone. A design approach at refining who ICF is and what they offer the world (how, what and why) could help reset the entire brand communication for reframing ICF’s reason for being. Once we had that, the story can almost write itself. Defining Audiences + Needs: We started with defining the key audiences and mapping out the relevant information/experience for each user type. From this, we could build a content strategy that could better meet users needs, guide them to the information they sought. As well, as build out new tools, content and storytelling to better explain ICF’s greater impact. With 3 user groups clearly defined, we could parse audiences into their relevant needs and reduce the entire site down from 37 to 18 pages. Design: Once the brand story is in place, the visual elements and identity can fall into place. In ICF’s case, we looked at creating a more simple and unified visual identity system (color palette, iconography, typography) for a more harmonious and cleaner UI to apply anywhere.



Content Architecture:
By focusing on a more focused definition of users and audiences, we could start to slim down the number of pages and restructure the navigation to help guide the right audiences to the right content + tools. By grouping each audience into where their needs overlapped with ICF’s offerings, we could form a content strategy into specific channels to eliminate redundancy reduce the entire site down from 37 to 18 pages. Wireframes: The idea was to guide the journey of each audience when they first enter the site, to get them to the right information and tools by determining if they are a Donor (wanting to give) or Grantee (needing services).
Content Architecture:
By focusing on a more focused definition of users and audiences, we could start to slim down the number of pages and restructure the navigation to help guide the right audiences to the right content + tools. By grouping each audience into where their needs overlapped with ICF’s offerings, we could form a content strategy into specific channels to eliminate redundancy reduce the entire site down from 37 to 18 pages. Wireframes: The idea was to guide the journey of each audience when they first enter the site, to get them to the right information and tools by determining if they are a Donor (wanting to give) or Grantee (needing services).
Content Architecture:
By focusing on a more focused definition of users and audiences, we could start to slim down the number of pages and restructure the navigation to help guide the right audiences to the right content + tools. By grouping each audience into where their needs overlapped with ICF’s offerings, we could form a content strategy into specific channels to eliminate redundancy reduce the entire site down from 37 to 18 pages. Wireframes: The idea was to guide the journey of each audience when they first enter the site, to get them to the right information and tools by determining if they are a Donor (wanting to give) or Grantee (needing services).



Results: A clearer offering
Condensed Content: Not only reducing from 37 to 18 pages, but a consolidated brand persona and impact story. Clearer, targeted Call to Actions: More relevant action, tools and resources for each audience and a clear path to having a more positive impact. Consolidated content for Users groups: Whether a user is a Donor, Grantee or curious 3td party, everyone can get to the relevant story and tools that will help get them to where they need to go and (hopefully) leave feeling more empowered, inspired and engaged.
Results: A clearer offering
Condensed Content: Not only reducing from 37 to 18 pages, but a consolidated brand persona and impact story. Clearer, targeted Call to Actions: More relevant action, tools and resources for each audience and a clear path to having a more positive impact. Consolidated content for Users groups: Whether a user is a Donor, Grantee or curious 3td party, everyone can get to the relevant story and tools that will help get them to where they need to go and (hopefully) leave feeling more empowered, inspired and engaged.
Results: A clearer offering
Condensed Content: Not only reducing from 37 to 18 pages, but a consolidated brand persona and impact story. Clearer, targeted Call to Actions: More relevant action, tools and resources for each audience and a clear path to having a more positive impact. Consolidated content for Users groups: Whether a user is a Donor, Grantee or curious 3td party, everyone can get to the relevant story and tools that will help get them to where they need to go and (hopefully) leave feeling more empowered, inspired and engaged.



hello@pyko.net | US: +1.678.666.0099 | DE: +49.1634693379
©2024
hello@pyko.net | US: +1.678.666.0099 | DE: +49.1634693379
©2024
hello@pyko.net
US: +1.678.666.0099
DE: +49.1634693379
©2024