Wescom Credit Union
01
Research
02
Graphic Design
03
Marketing Collateral
04
Strategy
05
UX/UI Design
06
Web Design
Creating a Unified User Experience
Wescom, one of the nation’s largest credit unions, was seeking creative experts to design their website and a mobile banking app.
The overall goal was to create a user interface design that showcased Wescom’s authority in the industry with a modernized digital presence. ArtVersion worked closely with the credit union company, to design these initiatives, for the Wescom team to eventually implement. This included restructuring user journeys and pathways for ease of use, elevating their design language, and more. Recognizing the contemporary need for quick and accessible mobile solutions, ArtVersion designed a mobile app interface specifically for Wescom.
The design took into consideration ways to streamline banking operations, offering Wescom customers an efficient and straightforward way to access their crucial banking information within the UI. By designing the mobile app interface concurrently with the main project, ArtVersion enhanced Wescom’s digital presence, ensuring the company remained at the forefront of digital banking innovation.
UI and Web Design
With all the critical information that arises within the banking and credit union industry, a simplified and professional approach to the Wescom website was a cornerstone of the design process.
ArtVersion conducted data-driven research with competitor analysis, website audits, and user research to best gauge the structure and aesthetic of the website. The website was curated carefully with a visual hierarchy that allowed users to find their banking and financing solutions with ease, as well as log in to their user portals as seamlessly as possible. To achieve this, the UI of the website included a minimalistic design language that evoked professionalism and sophistication throughout.
App Design
Along with the website reconceptualization, ArtVersion designed Wescom’s mobile banking app. The app design mirrored the UI language of the website. The team created user pathways reflecting the user’s overall interaction with the app. Careful user testing went into the app’s design to ensure that users were able to get from point A to point B as easily as possible. Apps offer a more straightforward approach to an experience, and ArtVersion ensured that this was achieved properly within the UI for the Wescom development team to implement with ease.
Online Banking Dashboard
The mobile application user experience for Wescom was extended and optimized for desktop users, providing a seamless transition for those who favor a desktop environment. The online banking dashboard, a central component of this optimization, offered users complete access to their banking information, including account details, transaction history, and more, directly from their desktops. Each segment of the dashboard was designed structurally and contextually with the information needed for each page.
A Multi-Part Initiative
Beyond the website and app design, Wescom also entrusted the ArtVersion team to unify their main website with their financial services site which would reflect a cohesive branding experience. The design team established a design strategy for the subsidiary website, adopting the core design principles of the main site but tailoring features and services to distinguish it, ensuring both continuity and context-specific innovation.
Throughout the process of both site designs, ArtVersion collaborated with Wescom frequently to ensure that the design environment and visuals would be seamlessly developed on Wescom’s end for implementation—elevating accessibility and usability from the start.
Color Palette
Wescom is a recognizable and renowned credit union, and ArtVersion wanted to preserve this legacy and therefore utilized its established brand colors. However, the team ensured that the new renditions of the colors were ADA-compliant, as well as introduced deeper hues of their established design language for added depth and dynamism. The blue and grey colors evoked a sense of professionalism and authority, which encapsulated Wescom as a company.
Navy
#034F84
Midnight Blue
#1A3B5C
Hazy Skies
#6895B4
Soft Grey
#E1EAF0
Charcoal
#4A4A4A
Stone
#C4C4C4
Work Sans
Regular
Work Sans
Medium
Work Sans
Semi Bold
Work Sans
Bold
Typography
Work Sans was the selected Google font for Wescom’s website due to its modern, yet welcoming design which conveyed a sense of reliability and professionalism that the team was striving for. The clean and legible style of Work Sans enhanced readability across various devices and screen sizes, which was particularly essential for the credit union company, as it often dealt with complex financial information that needed to be communicated clearly and effectively. Additionally, Work Sans supports a wide range of weights and styles, offering flexibility in creating a hierarchical and organized presentation of content.
Marketing Collateral
With the website and app fully designed, other areas of brand representation needed to be optimized as well.
To ensure full company consistency and brand enablement, ArtVersion designed different marketing items such as collateral design, swag items, and more for both internal and external use. The new designs reflected the refreshed design language found throughout the website and app.
The Outcome
Both the website and app design allowed for an elevated digital experience for Wescom. These efforts helped propel engagement and trust among their clients and audiences. As a leading credit union in the nation, Wescom had a website and mobile app that reflected its authority and leadership in the industry.