Ukrainian Catholic University Foundation website design

The Ukrainian Catholic University Foundation (UCUF) supports the mission and development of the Ukrainian Catholic University (UCU) by raising funds to advance its academic programs, research, and community outreach. Through its efforts, the foundation fosters leadership, ethical education, and cultural growth, while promoting UCU’s values of integrity, faith, and service.

Objective:
The objective of this project was to completely redesign the look of the foundation’s website to meet modern web standards, ensuring it was mobile-responsive and seamlessly integrated with the online giving platform. It also needed to be built on a stable content management system (CMS). The goal of the project was to:

  • create a user-friendly site that enhances donor engagement,
  • facilitates online donations, and
  • effectively communicates the foundation’s mission and impact.

My Role:
UX/UI design
Web development

Project type:
Web design
Web development

Company name:
Ukrainian Catholic University Foundation

Completed:
February-May 2018

Design Process Outline for Building the UCUF Website:

Here are the steps I used to create this website:

  1. Research and Planning.
    I began by researching various CMS platforms and selected WordPress for its flexibility, scalability, and integration capabilities, making it ideal for the Foundation’s needs.
  2. Wireframing and Mockups.
    Using Figma and Photoshop, I designed wireframes and high-fidelity mockups to outline the website structure and visual direction, ensuring a user-friendly and modern interface.
  3. Choosing a WordPress Theme
    I selected a robust WordPress theme that met the Foundation’s functional requirements and modern design standards while ensuring responsiveness and accessibility.
  4. Development: From Mockups to Dynamic Website
    I translated the static mockups into a dynamic WordPress site, ensuring all design elements were responsive and the user experience remained seamless across devices.
  5. Integration with Blackbaud’s eTapestry Software.
    I integrated Blackbaud’s eTapestry software to facilitate secure online donations, providing a streamlined, user-friendly donation process.
  6. Google Analytics Integration
    Connected the site to Google Analytics for tracking web traffic, user behavior, and optimizing performance based on key metrics.
  7. Launch and Post-Launch Optimization
    After launch, I provided ongoing support, analyzing performance via Google Analytics and making necessary improvements to enhance user engagement and donations.
  8. Video Tutorial for Staff Training
    To ensure smooth website management, I created a short video tutorial series to train the Foundation’s staff on how to update and manage the website effectively.

Share your love