Business community

Web Directory of Ukrainian businesses in Canada

Designing and developing a responsive website from scratch using Webflow

Client

UA HUB

UA HUB is a Ukrainian community-centered non-profit project based in Vancouver with the main aim of supporting immigrant entrepreneurs and professionals in their journey from ideas to sustainable growth.

Info

Role
UX/UI Designer, Low-Code Developer
Timeline
12 weeks

Challenge Statement

UA HUB
is committed to uniting and supporting Ukrainian businesses and professionals in Canada. To establish a strong digital presence and define its niche, the organization aimed to create an MVP website showcasing professionals, businesses, and industry-specific events in Vancouver, BC. This project focused on designing a user-friendly platform that effectively communicates UA HUB’s mission while providing easy access to key resources, including a business directory and an events page.

Understanding the problem

UA HUB has a network of Ukrainian businesses that have filled out a form and are eager to collaborate. Additionally, there is a strong public demand to centralize all events within the Ukrainian community, which are currently dispersed across various social media pages, into one accessible location.

user Research

To identify the target audience, I participated in a brainstorming session with the UA HUB team. Together, we defined the core user needs for the initial MVP version:
‍
1. A hero section with a prominent CTA for registration, encouraging collaboration with UA HUB.
2. A directory of Ukrainian businesses, complete with filters and a keyword search for easy navigation.
3. An events section, including a dedicated area for UA HUB-hosted events.

IDEATION

During the ideation phase, I created low-fidelity wireframes for the website to outline blueprints for future web pages.

Solution

After further discussion, we came to the decision to add to the home page section “About Us” and categorize businesses to enhance site navigation. Taking to consideration new suggestions and following UA HUB’s brand book, I developed UI design for the website.

Implementation

After receiving client approval, I proceeded with the design implementation using the Relume and Webflow builder platforms. During implementation, I reviewed and adjusted design elements to make it fully responsible across devices and browsers, and made refinements as needed to ensure optimal functionality.

Next steps

1. Making Navigation Smoother

The business directory could use better categorization and filtering to make it easier to find specific services.

2. Streamlining Business & Event Submissions

Right now, businesses and event organizers submit their info manually. A proper submission form with an easy way for admins to review and approve listings would save a lot of time and keep the site updated more efficiently.

3. Boosting Engagement & Features

Adding user accounts would be a game-changer. Businesses could manage their listings, and users could save their favourite services or events.