```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fi4e0d5WA7gVCXodL7Z65rO4F7nm2%2F44sebsJTOl6W26UGQqvA%2F52fd2dbb-e0e5-4690-b832-5faa35d41e87.png?alt=media&token=f6c51c50-461a-418f-8285-8c724dd1e320","id":"52fd2dbb-e0e5-4690-b832-5faa35d41e87","width":3840,"height":2160,"filename":"pyv-hero.png","type":"image/png","caption":"","border":false}]}
```

## **Helping citizens plan for voting in the municipal election, by choosing their candidates, their voting day, and location all in one consolidated website.**

Ahh yes...voting, that political duty we do as citizens. Something that we do every 4 years, no matter who old we become, and no matter what accessibility needs we may have. Voting is such a unique challenge to design for, as this truly needs to account for everyone.

**Plan Your Vote** is a website offered by the City of Vancouver for every municipal election. This tool helps citizens view and choose candidates, choose their voting day and location, and answer capital plan questions in one consolidated website.

It was first offered for the 2014 election, and was being updated for 2018. The goal for 2018 was **to help improve accessibility, along with the overall experience of the microsite.** As a UX intern, I worked on these updates with the team.

> * **My role:**\
>   Accessible user testing and research to inform and devise the updated UI and strategy
>
> * **Business goal:**\
>   Update the Plan Your Vote platform for the 2018 election, with a focus on accessibility and information architecture
>
> * **Timeline + Scope + Team:**\
>   2 UX designers (including myself), design lead, 4 developers, and product manager. We completed this scope of work in 5 months.
>
> * **Highlights + Success Metrics:**\
>   \> 48% increase in saved vote plans compared to the 2014 election
>
>   \> Overall City election webpages saw an increase of 89% during the election campaign compared to 2014

### **Focus #1: Accessibility**

**The first need for this tool was to focus on accessibility for all citizens using the tool.** Building off the previous election's foundation in order to meet the needs of all citizens, I helped to conduct accessibility user testing from those who were blind, low-vision, and had mobility needs.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fi4e0d5WA7gVCXodL7Z65rO4F7nm2%2F44sebsJTOl6W26UGQqvA%2F182a3ea3-be2f-4559-a2ea-adc127ffac6a.jpg?alt=media&token=40174aae-b808-4e0a-80cd-409302e0efac","id":"182a3ea3-be2f-4559-a2ea-adc127ffac6a","width":1920,"height":1080,"filename":"pyv-ut-method.jpeg","type":"image/jpeg","caption":"Snapshot of the findings documentation","border":false}]}
```

I helped to write the plan and conduct user testing, helping to generate over 60+ issues. At a high-level, we found:

* unclear feedback and unintended actions for candidate selection

* lack of context for pages

This set of data helped to inform our findings on where to plan scope of the product improvements for the 2018 election year.

### **Focus #2: Random Ballot Order**

**The next challenge for this year was random ballot order.** Typically on election ballots, candidates are sorted alphabetically. But the City decided on a *pre-defined random order of candidates in 2018.* With 158 candidates to choose from, this was a new change for citizens, and could potentially lead to longer times in the voting booth to find their candidates.

### **Mapping the Journey:**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fi4e0d5WA7gVCXodL7Z65rO4F7nm2%2F44sebsJTOl6W26UGQqvA%2Fb1fe1af2-c633-451b-900d-f86a861d0d87.jpg?alt=media&token=bb5bd07c-9e3c-421b-af6f-33b53475a91d","id":"b1fe1af2-c633-451b-900d-f86a861d0d87","width":1920,"height":1080,"filename":"pyv-uj.jpeg","type":"image/jpeg","caption":"User journey of the Plan Your Vote microsite","border":false}]}
```

With this challenge, we needed to update the microsite to account for this. Plan Your Vote is designed to help as a source that will provide users to create a plan to vote prior to vote day and export their plan.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fi4e0d5WA7gVCXodL7Z65rO4F7nm2%2F44sebsJTOl6W26UGQqvA%2F0af01b4f-9510-412f-8ae6-4c812872d9e5.jpg?alt=media&token=3ef71424-9456-4c4d-8139-5a394201b91e","id":"0af01b4f-9510-412f-8ae6-4c812872d9e5","width":1920,"height":1080,"filename":"pyv-ballot2.jpeg","type":"image/jpeg","caption":"Sample of the ballot, alongside the printed Plan Your Vote plan","border":false}]}
```

With this, whenever a user would create a voting plan (seen above), it would export in the same order as the ballot, reducing the cognitive load of trying to find that candidate on the ballot during the election. Citizens could bring this vote plan to the election, which hopefully helped to speed up the process of voting during election day.

### **UI Improvements:** 

Here are a selection of improvements I helped worked on:

**Candidate selection:**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fi4e0d5WA7gVCXodL7Z65rO4F7nm2%2F44sebsJTOl6W26UGQqvA%2Fbb2d97d1-393e-4bee-b9b9-24951546a3eb.png?alt=media&token=51fcf102-d0cf-4c5e-9fd3-5cf5ac14c176","id":"bb2d97d1-393e-4bee-b9b9-24951546a3eb","width":1902,"height":2208,"filename":"v-pyv-ba-home.png","type":"image/png","caption":"Before and After: Candidate select page","border":false}]}
```

Updated candidate select page that fixes context about each candidate, has a more clear search, updated sort options to process candidates, and better contrast for accessibility.

**Candidate overview and review:**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fi4e0d5WA7gVCXodL7Z65rO4F7nm2%2F44sebsJTOl6W26UGQqvA%2F3ae1f144-154c-49e0-b287-91eb1939859b.png?alt=media&token=7d4fca71-c4cf-4fa5-a288-9f154efc3f92","id":"3ae1f144-154c-49e0-b287-91eb1939859b","width":1920,"height":1888,"filename":"v-pyv-ba-candidateSelect.png","type":"image/png","caption":"Before and After: Candidate overview","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fi4e0d5WA7gVCXodL7Z65rO4F7nm2%2F44sebsJTOl6W26UGQqvA%2Fc74365ad-757b-4e21-b026-489397951529.png?alt=media&token=4ff2f26f-0194-4a14-bdb7-ec1f3345a060","id":"c74365ad-757b-4e21-b026-489397951529","width":1920,"height":1796,"filename":"v-pyv-ba-selection.png","type":"image/png","caption":"Before and After: Candidate review","border":false}]}
```

Updated candidate selection and review candidate screens, with more clear actions to remove candidates and see their information.

**Location selection:** 

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fi4e0d5WA7gVCXodL7Z65rO4F7nm2%2F44sebsJTOl6W26UGQqvA%2F76638456-03cc-4ab1-a53e-5fad4fef4371.png?alt=media&token=f24017d8-ffff-4f5a-9b59-5552f34b616e","id":"76638456-03cc-4ab1-a53e-5fad4fef4371","width":1896,"height":1796,"filename":"v-pyv-ba-location.png","type":"image/png","caption":"Before and After: Selecting a voting location ","border":false}]}
```

Choosing a voting location was re-designed, to include accessibility information about voting locations.

### **The Impact:**

Saved vote plans **increased by 48%** compared to the 2014 election with Plan Your Vote.

This microsite was featured on the [Disability Alliance of BC website](https://disabilityalliancebc.org/vancouver-election-accessible-voting-provisions/) that notes the upgrade to accessibility, along with local news sources, such as [VanCourier.](https://www.vancourier.com/vancouver-votes-2018/election-guide-aims-to-help-confused-vancouver-voters-1.23442202) This tool was also mentioned at the City Council Meeting post-election.

To see how this microsite fits into the voting platform strategy, this video produced by the City showcases the integration of Plan Your Vote.

```cv
youtube
{"url":"https://www.youtube.com/watch?v=RN-TuUDTDZk&feature=emb_title","width":200,"height":113,"thumbnail":"https://i.ytimg.com/vi/RN-TuUDTDZk/hqdefault.jpg"}
```

---

### **Reflection:**

This project was quite special to me, as this is the first project professionally that got released. Being able to contribute to the overall voting landscape designing for citizens to help them vote, and consider our accessibility community, was one of the biggest takeaways from the project!

I would like to thank Julien, Sam, and Tadgh for their mentorship throughout my internship.

*The City of Vancouver is located on the unceded traditional territories of the Musqueam, Squamish, and Tsleil-Waututh peoples.*

Plan Your Vote for the City of Vancouver

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fi4e0d5WA7gVCXodL7Z65rO4F7nm2%2F6w1jqVE2oqit9hyHXV8u%2F2f998da6-5fde-4850-b412-ffe5ee3f7606.png?alt=media&token=8e2f97e4-d938-464d-b2cd-315e2235dd22","id":"2f998da6-5fde-4850-b412-ffe5ee3f7606","width":2000,"height":1000,"filename":"jostle-logo.png","type":"image/png","caption":"","border":true}]}
```

[Jostle](https://jostle.me/) is a Vancouver-based tech company, building an employee success platform brings your whole organization together in one place. A single place where everyone can quickly find what they need, clarify what matters, and celebrate success together. Anywhere, anytime.

### My role at Jostle:

I work on the core platform, building solutions for different product areas. I help to define product strategy and meet the needs of our customers by co-creating with engineering, product management, and fellow designers.

I'm also helping to define our design system. I'm focused on helping designers be more efficient, and defining more parity between development.

**My current work is under NDA.**

Jostle – helping to build employee success

## **Helping businesses gain insight on their data through voice, and discover content across their organization.**

*SAP Analytics Cloud provides end-to-end analytics for business, helping them make decisions through their data through visual dashboards. This product combines BI, planning, predictive, augmented analytics, and machine learning capabilities through the cloud.*

### **My role:**

Through 16 months as a UX Design Intern, I worked on different LOBs including the Platform team (May 2019 - Dec 2019), along with the mobile team (Jan 2020 - Aug 2020). Working alongside product experts, engineers, and fellow designers, my responsibilities included:

* Owned the voice UX mobile integration, working with product experts and engineers to deliver the Q1 2021 scope for a top customer request

* Collaborated on delivering a data governance feature, helping to create user flows and scenarios to deliver the 1st version in Q1 2020

* Synthesized the future vision documentation for the mobile app, ensuring mobile to desktop feature parity for the product roadmap

* Worked with engineers and product experts, identifying areas of improvement through research and prototyping for over 10 user stories

---

### **Voice to Insight**:

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fi4e0d5WA7gVCXodL7Z65rO4F7nm2%2F8zbzCwTFJM6gDdWeLPhM%2F97a9fbb8-4c61-4c42-a76a-7e74cb8cc06b.mp4?alt=media&token=34fa6cd3-08c5-4166-866f-c064cf315c80","id":"97a9fbb8-4c61-4c42-a76a-7e74cb8cc06b","width":1920,"height":1080,"filename":"v2i-video3.mp4","type":"video/mp4","caption":"Voice To Insight in action","border":false}]}
```

I worked on bringing voice implementation to the mobile app for business insights, building off the Search To Insight feature. Using natural language processing, I helped to further the mobile use case of gaining insight on users analytical questions to allow users to gain business insights through voice.

This challenge was unique because we had to consider an interaction method where we had to determine the precise dataset which a user would want. This is because there could be many business models to choose, with each model being potentially complex depending on how it was set up. To get the correct insight, users need to be able to determine the correct model.

On desktop, this is easier because as you type, you can select a model directly. But with voice, speaking and getting a result has to be fluid with minimal additional interaction.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fi4e0d5WA7gVCXodL7Z65rO4F7nm2%2F8zbzCwTFJM6gDdWeLPhM%2Fb107bb01-f503-4bc8-8675-94ea234e30d8.png?alt=media&token=ea341c16-91a9-4a58-a824-16c58000384a","id":"b107bb01-f503-4bc8-8675-94ea234e30d8","width":2986,"height":1123,"filename":"v2i-workflow.png","type":"image/png","caption":"Workflow overview","border":false}]}
```

The result was a workflow that could be integrated directly into the text-based Search to Insight feature. We would return the most popular entity result, but also allow for the familiar interaction of entity selection, built into the behaviour of voice.

```cv
youtube
{"url":"https://www.youtube.com/watch?v=_sRo88OEdbw&t=346s","width":200,"height":113,"thumbnail":"https://i.ytimg.com/vi/_sRo88OEdbw/hqdefault.jpg"}
```

You can learn more about this in the above video, along with a [blog post.](https://blogs.sap.com/2021/01/14/sneak-peek-into-sap-analytics-cloud-release-for-q1-2021/?utm_source=dlvr.it&utm_medium=facebook)

---

### **Analytics Catalog:**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fi4e0d5WA7gVCXodL7Z65rO4F7nm2%2F8zbzCwTFJM6gDdWeLPhM%2Feef2e172-afaf-48b4-bff3-0dc4a0387d73.jpg?alt=media&token=b9573403-1592-4a09-ac45-4ed3d35442b5","id":"eef2e172-afaf-48b4-bff3-0dc4a0387d73","width":1764,"height":1005,"filename":"sap-catalogbg.jpg","type":"image/jpeg","caption":"Landing page for Catalog","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fi4e0d5WA7gVCXodL7Z65rO4F7nm2%2F8zbzCwTFJM6gDdWeLPhM%2F095a5fcb-28ea-4067-8a44-718877a54f3f.png?alt=media&token=41276eb4-1ea6-4e53-a7f4-88e7d50df131","id":"095a5fcb-28ea-4067-8a44-718877a54f3f","width":1538,"height":981,"filename":"sap-catalog2.png","type":"image/png","caption":"Metadata description ","border":false}]}
```

I also worked on Analytics Catalog, helping users discover content in a central area.

As an example, think about your Documents folder with probably multiple files, and you're trying to find one specific file tucked away in an obscure folder. Might not be so easy?

The solution was a guided browsing experience, with enhanced metadata and custom filters. By having a central place to discover content, there’s no need to show folders, but rather have everything in a single view, with content curated for each user based on their permissions.

You can learn more about this in this [blog post.](https://blogs.sap.com/2020/06/22/sap-analytics-cloud-analytics-catalog/)

---

**All other work and future scope of projects showcased here is under an NDA, but I would be happy to discuss my experience and takeaways from this internship in-person or at an interview.**

And a huge thank you to my mentors: Salathiel, Vince, Brianna, Lauren, Joelle, and Brett for empowering me throughout this internship.

SAP Analytics Cloud

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fi4e0d5WA7gVCXodL7Z65rO4F7nm2%2FuZjBD7z3puU53mPorKJe%2Fb7274d98-3b1e-4392-b6da-d7ec1fd8070e.png?alt=media&token=41134592-f756-4e1e-b545-94dc49408f49","id":"b7274d98-3b1e-4392-b6da-d7ec1fd8070e","width":1045,"height":1059,"filename":"mycredit-main.png","type":"image/png","caption":"","border":false}]}
```

#### **A companion application for Vancity members to manage their credit and set goals that encourage credit building, to better support their financial well-being.**

*The following work is a personal redesign of a previous academic project. Originally, this was a student project with 5 designers (Elena Hsu, Kristina Kim, Elizabeth Lo, Macguire Rintoul, Isabelle Soares).*

The original project received an Honourable Mention for the [2019 RGD Student National Awards of Excellence for Strategic Design](https://www.rgd.ca/2018/09/04/congratulations-to-our-2019-national-awards-of-excellence.php) and showcased at the [2019 SFU FCAT Undergraduate Conference.](https://www.sfu.ca/fcat/news/events/ugc-2023/2019-fcat-undergraduate-conference.html) The team was also invited to share the project with Vancity’s Digital Strategy team after the course concluded.

---

After the course concluded, I redesigned aspects of this project based on feedback after the course. This was an exercise to reflect on my own design process, and implement areas of improvement.

*Disclaimer: The following work is a hypothetical solution, and is not affiliated with Vancity Credit Union.*

```cv
vimeo
{"url":"https://vimeo.com/470030717?embedded=true&source=video_title&owner=54106502","width":426,"height":240,"thumbnail":"https://i.vimeocdn.com/video/978399971-abbc7653b1355c373f9f8072f59aded8cecf835c196217537f0f8e0c19d7b468-d_295x166"}
```

## **Domain Problem**

Financial credit is an important aspect of Canadian’s financial history, and an estimated 56% of Canadian’s have never checked their credit score ([Bank of Montreal and Pollara](https://newsroom.bmo.com/2015-02-27-Out-of-Sight-Out-of-Mind-Over-Half-of-Canadians-Have-Never-Checked-Their-Credit-Score)).

As one of Canada’s largest non-profit credit unions – Vancity can help deliverer digital offerings that can benefit their members and communities. **And since almost half of their members interact almost entirely digitally,** this would be an added value to their digital functionality.

## **But credit is misunderstood...**

One big challenge is that there are misconceptions when it comes to credit building, along with the fact that Vancity provides little information about credit building. With this solution, we could address these gaps and issues to bring member scores to the forefront earlier.

Therefore, Vancity has an opportunity to address:

**Information Hierarchy**\
Despite the importance of credit, relevant information lies deep in the navigation of Vancity’s website.

**Lack of Resources**\
Vancity’s existing mobile app has yet to provide resources for credit management.

**Fear of Checking**\
We found that people were actually afraid to check their score, especially those with lower credit scores. Along with this, we found that 1 in 5 people think checking their score will actually lower it, which is a false assumption.

**Low Urgency, Low Importance**\
Many people don't realize how credit affects them until it's too late. Generally, this could happen when they go to check their score, and if a score is low, it cannot be fixed overnight.

Rather than just telling people about credit, we felt strongly as a team that a meaningful intervention had to be more than information. It is more meaningful to ask **what to do with this information?**

## How might we provide guidance that reduces financial anxieties by encouraging members and providing tools to reach their goals?

## **Process**

**Understanding Vancity Members**\
In order to understand our members, we conducted research during our sprint to determine segments that members with credit could be.

We settled on a customer segment who would **need help building credit:**

> **Disappointed Applicant**
>
> Members who have applied for loans but were not approved, or were not able to get the interest rate they wanted due to their credit score.

**Guiding the Journey**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fi4e0d5WA7gVCXodL7Z65rO4F7nm2%2FuZjBD7z3puU53mPorKJe%2F43b30cf4-dd65-40aa-af8d-979fd4deac22.jpg?alt=media&token=e7dafa30-70bd-4c51-8621-c7a0db0a3a48","id":"43b30cf4-dd65-40aa-af8d-979fd4deac22","width":1920,"height":1080,"filename":"mycredit-persona.jpeg","type":"image/jpeg","caption":"Persona","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fi4e0d5WA7gVCXodL7Z65rO4F7nm2%2FuZjBD7z3puU53mPorKJe%2F25557475-ebc9-4fed-8deb-059ca85c53f4.jpg?alt=media&token=5bab5c5a-5a57-430f-bb03-16b8c6889e05","id":"25557475-ebc9-4fed-8deb-059ca85c53f4","width":1920,"height":1080,"filename":"mycredit-jf.jpeg","type":"image/jpeg","caption":"Journey framework","border":false}]}
```

We created this persona based off our member segment: a full-time veterinary technician who didn’t qualify for an interest rate they were happy with. This persona needs guidance, and this is where Vancity could intervene most meaningfully.

By creating a journey framework, it allowed us to understand **what the current process is today without our intervention.** This helped us to fully illustrate the process and identify current frictions within the process of researching credit.

**Research**\
As a lead on testing for the team, I designed the user test plan for the team. For testing, I conducted in-person user testing with a think-aloud method. This allowed for the most pivotal feedback.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fi4e0d5WA7gVCXodL7Z65rO4F7nm2%2FuZjBD7z3puU53mPorKJe%2Fdbc2f74e-6ff5-4339-be8c-9a64083acb75.png?alt=media&token=e2dd94a5-f916-4484-a001-cb5f53c8995a","id":"dbc2f74e-6ff5-4339-be8c-9a64083acb75","width":1490,"height":1186,"filename":"mycredit-samplequestions.png","type":"image/png","caption":"Snapshot of testing criteria","border":true},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fi4e0d5WA7gVCXodL7Z65rO4F7nm2%2FuZjBD7z3puU53mPorKJe%2F40cee4f6-2559-4b3d-879c-c60792fe5cd7.jpg?alt=media&token=e75d5bb1-cef6-409d-b9a8-bc3d1376fc1a","id":"40cee4f6-2559-4b3d-879c-c60792fe5cd7","width":1920,"height":1080,"filename":"mycredit-ab.jpeg","type":"image/jpeg","caption":"A/B interface test","border":true},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fi4e0d5WA7gVCXodL7Z65rO4F7nm2%2FuZjBD7z3puU53mPorKJe%2Fe0575df3-5408-47e5-8770-c6c285bcaee4.jpg?alt=media&token=e3f91d33-dceb-4f80-b169-27fd55bb4fd6","id":"e0575df3-5408-47e5-8770-c6c285bcaee4","width":1920,"height":1080,"filename":"mycredit-validation.jpeg","type":"image/jpeg","caption":"Overall findings","border":true}]}
```

Through 3 weeks, we user tested with 9 participants. Our methodology involved:

* conducing A/B think-aloud user testing to look at the clarity of the app

* comparing two visual concepts to determine the final result

* testing common workflow scenarios via a Flinto click-through prototype

By testing, we identified that we needed to explain credit better, specifically making on-boarding more relevant to avoid confusion. We also validated from A/B testing which version was easier to process.

## **Design Principles**

In order to have a clear direction for the voice and tone of the application, we established design principles that guided our interface.

> **Be Personal**\
> As a local credit union, Vancity is recognized for their personal service which should be consistent across all channels.
>
> **Be Clear**\
> Use common language to guide members through understanding each step of their credit process.
>
> **Be Hopeful**\
> Provide information upfront and always frame things positively when assisting members in improving their credit score.

## **Scenario overview:**

```cv
vimeo
{"url":"https://vimeo.com/470031304","width":426,"height":240,"thumbnail":"https://i.vimeocdn.com/video/978400503-9c68e00873d6356a1178a6e0c8f8e59d2b84831fd3d5facc7adcf30b1c71c596-d_295x166"}
```

## **Design Evolution**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fi4e0d5WA7gVCXodL7Z65rO4F7nm2%2FuZjBD7z3puU53mPorKJe%2F5920d222-9b0a-4e3f-a2e7-f962ca22416f.jpg?alt=media&token=76bf2198-8866-4ed1-b9d6-702a5e41757b","id":"5920d222-9b0a-4e3f-a2e7-f962ca22416f","width":1920,"height":1080,"filename":"mycredit-ideation.jpeg","type":"image/jpeg","caption":"Original project: 3 week design evolution","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fi4e0d5WA7gVCXodL7Z65rO4F7nm2%2FuZjBD7z3puU53mPorKJe%2Fe938361d-db9f-4950-95ac-6cfb89689de7.jpg?alt=media&token=8ffdbbcd-7e17-43f2-8ec4-5ad993f5e4de","id":"e938361d-db9f-4950-95ac-6cfb89689de7","width":2131,"height":962,"filename":"iterations.jpg","type":"image/jpeg","caption":"Redesign: design evolution","border":false}]}
```

One challenge was the use of red. Red is Vancity's brand colour, but also has a negative connotation in finance. Through the redesign, I wanted to look at muting the red colour an adding in other accompanying colours, while still respecting the brand.

Other aspects of the redesign also looked at bringing in more clarity to charts used in the app.

## Final UI:

**Home**

```cv
vimeo
{"url":"https://vimeo.com/780186321","width":196,"height":426,"thumbnail":"https://i.vimeocdn.com/video/1566025914-41e598c28ba9c743fcec026c0c7c8360860b2370892b60a5f42142003c1b0f75-d_100x75"}
```

Quick and glanceable information about their credit score is intended. Members can see their overall score, credit at a glance, goals, and insights about what is affecting their credit score. The use of flags for insights and colour connotations identify the positive and negative factors.

Home will showcase your credit score on a graph, and show your score over time. Data cards showcase why your score may be lower, with a "threshold flag" to indicate negative and positive results.

**Onboarding**

```cv
vimeo
{"url":"https://vimeo.com/780186274","width":196,"height":426,"thumbnail":"https://i.vimeocdn.com/video/1566025906-a7b51a106202ac26e45a62617786ba461e56d307541a6c8afc1b45daf4337cfe-d_100x75"}
```

Our onboarding explains credit, and links accounts from other financial institutions, to give a cohesive look at how factors and other accounts affect their score.

**Goals**

```cv
vimeo
{"url":"https://vimeo.com/780186257","width":196,"height":426,"thumbnail":"https://i.vimeocdn.com/video/1566025891-e58533e49220b8231474bd1044ccacf8841134177399e0bea8aa9d9dbfdd5562-d_100x75"}
```

Curated information helps members reach their goal by giving them clear, achievable steps within a reasonable timeframe.

**Learn**

```cv
vimeo
{"url":"https://vimeo.com/780186226","width":196,"height":426,"thumbnail":"https://i.vimeocdn.com/video/1566025716-d9185ef9e835d38dac8b39a0a421876864c08f5042f80249e3bd50b7bc2d9b1f-d_100x75"}
```

Based on the FICO Equifax factors, these are the 5 guidelines that influence your credit score. Clicking on a factor reveals more insights about that specific point. We can point to actions here, such as enabling Pre-Authorized Payments, which can help members.

**Notifications**

```cv
vimeo
{"url":"https://vimeo.com/780186245","width":196,"height":426,"thumbnail":"https://i.vimeocdn.com/video/1566025762-3d50b4b71f39f90f85245de0f7f207f7a8e7c6059fe092d7e02d26a19127974b-d_100x75"}
```

Everyone manages their finances differently. With curated notifications, MyCredit recommends actions specific to each member’s habits rather than providing generic information.

**Celebration**

```cv
vimeo
{"url":"https://vimeo.com/780186330","width":196,"height":426,"thumbnail":"https://i.vimeocdn.com/video/1566025937-7ee4dd588702e36567da52da9608d9f8bfcae9ae9113af39c0fdf69545e65d82-d_100x75"}
```

We celebrate accomplishments and recognizing members for their efforts encourages them along their credit building journey.

## **Full App Architecture**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fi4e0d5WA7gVCXodL7Z65rO4F7nm2%2FuZjBD7z3puU53mPorKJe%2Fe5f3420e-ad3d-47d9-9d00-092f7c5317d2.jpg?alt=media&token=b9367f2c-a422-40a0-afe7-ae99061c2132","id":"e5f3420e-ad3d-47d9-9d00-092f7c5317d2","width":1920,"height":1080,"filename":"mycredit-sitemap.jpeg","type":"image/jpeg","caption":"App architecture ","border":false}]}
```

This is our imagined sitemap that would be needed for initial implementation and launch if Vancity was to make this available to members, to achieve the optimal experience for Vancity members.

## **Measurability & Defining Success**

Our team was invited to present the full solution to Vancity's digital strategy team after the course concluded, with positive feedback from the team.

> Financial literacy is an important component of all of our products and services at Vancity. The app demonstrated the unique financial needs of our members and community, with excellent design and a modern take on Vancity branding, this project inspired our Digital team to push for new user experiences. It is clear that the product was well researched and would produce the results that the team wanted.\
> *- Aaron Walker, Manager, User Experience at Vancity*

## **The key takeaway:**

By giving members the tools and knowledge to build up their credit, we can empower members to change their score.

## **Reflection**

This project allowed me to gain more experience in prototyping, and help to bring interfaces to life with more complex motion. Being able to adapt quickly to interface changes allowed me to develop my thinking process and workflow for collaboration between UI and prototyping.

This project has helped me professionally as well, as this was a large-scale project in a short time frame. It allowed me think more rapidly, and develop more clear design decisions.

Vancity MyCredit: UX Design Capstone Project

Product Designer

Award for Strategic Design, Honourable Mention

Plan Your Vote

Vancity MyCredit

Vancity MyCredit (UX Capstone Project)

The Switch by Lena

Co-hosted a workshop that outlined Figma, Interactive components, and Atomic Design

Intro to Interactive Design Systems

A talk about design tokens and overtokenizing semantic naming conventions

Overtokenizing the Design Token

I got invited as a guest on “The Starting Point: Careers at SAP" podcast to talk about UX design and internships. 

This podcast invites SAP employees to talk about their experiences and insights into the working world.

The Starting Point: Careers at SAP

I volunteer as a UX mentor and help guest judge hackathons to help my fellow UXers in the industry

UX Mentor and Hackathon Judging

Design mentor

I worked with a team of other UX designers to help define the future of COVID Heroes – a website that helps to highlight healthcare workers who have passed away while fighting COVID-19.

Volunteer UX Designer

User Experience Design Intern

Leading Search & design tokens for Jostle's employee success platform.

Co-host and lead the design for the Frontlog product podcast

Co-host

Case study: Helping Vancity members manage & build credit

Jordan Yep

2022

2021