— WHAT I WORKED ON
User Interface Design
Hand off to Developers
Ginkgo, previously Citiesense, is primarily a B2B SaaS product aimed to serve community managers like Business Improvement Districts & Chambers of Commerce.
One of the many new features that Ginkgo provides is a white-labelled embeddable member portal platform. This feature helps non-profit neighborhood organizations (the users) manage, communicate, and organize their own membership system.
Ginkgo needed an administrative interface to add on to its web-app for each user to manage their members, membership fees, and how their member portal system looks to their members.
While the member portal's back-end was being built, I was tasked to design how this member portal would be managed and experienced by Ginkgo's users on the front-end.
As Ginkgo's product consultant and freelance designer, I stepped in to work on the UX and UI of this product feature before we handed it off to the engineering team. This specific project was on out of a number of UI designs I had worked on for Ginkgo (Citiesense).
A user-friendly administrative interface will provide ease to their day-to-day work responsibilities and encourage active usage of the system.
The more Ginkgo’s users engage in a feature, the more feedback and improvements can be made for the software to do more and do better for them.
I started with outlining the primary user of this interface and the assumptions we had to make for this experience to be prototyped. Once this was laid out, I started wireframing how the members' list and individual account pages would look like and how the features would function. We agreed on a direction and proceeded to design the UI on Figma. Each interface’s states were then laid out for easy hand off to our engineers.
The users of this interface are the marketing and fundraising staff of non-profit neighborhood organizations currently using Ginkgo.
Their primary need is an online system that provides easy-to-use digital infrastructure to manage their memberships, and has the flexibility to adapt to their organization’s branding.
The complexity involves the members of each Ginkgo user’s member portal. Membership here is provided to a business, within which has multiple contacts (i.e. a General Manager, CEO, Accountant). Therefore, "members" in this case study refer to the businesses that pay membership to the non-profit neighborhood organizations (Ginkgo’s users); and "contacts" refer to the individuals that manage these businesses.
The Members Portal interface is currently being built by Ginkgo’s engineers. The hand off was smooth, and the documentation and guidelines for these UI designers were well-received by the front-end developers.
OTHER UI DESIGNS