MONEYME needed a comprehensive redesign of their Investor Centre. The previous version lacked effective UX/UI design, causing navigation difficulties and less-than-optimal user satisfaction. My objective was to deliver a user-friendly dashboard redesign, applying key UX, UI, and web design optimisation principles.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F5B3esNWyXedwdnRvZwHrw8usNw62%2F1u5tHMp9pAsSrL3ki1kZ%2F0c52a917-a4af-41d8-a4b1-8d9c07807b5f.jpg?alt=media&token=90642cb8-4b9d-4461-adc7-377c0e8f488d","id":"0c52a917-a4af-41d8-a4b1-8d9c07807b5f","width":1662,"height":1372,"filename":"maneken-31DE058.jpeg","type":"image/jpeg","caption":"","border":false}]}
```

### Discovery and Research

I started by conducting an audit of the existing Investor portal, identifying its key flaws. I discovered that users found the portal difficult to navigate, not intuitively designed, and poorly optimised for mobile use.

### User Experience (UX) Design

Informed by the research, I focused on enhancing the portal's information architecture and navigation. The decision to employ a left-hand side panel for the dashboard was based on research indicating that this layout helps users locate and switch between different sections more efficiently (Nielsen Norman Group, 2014). The layout also proved to be popular with the usability testing performed after the wireframe stage.

### User Interface (UI) Design

I aimed to create a consistent, intuitive, and visually appealing interface. I used a consistent colour scheme and typography that aligned with MONEYME's brand, and ensured that interactive elements followed established design patterns for ease of use.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F5B3esNWyXedwdnRvZwHrw8usNw62%2F1u5tHMp9pAsSrL3ki1kZ%2Fdff402d2-248f-47b9-acf7-e7189bf1e6c9.png?alt=media&token=c9c511ad-7b95-4760-9f1c-ab05201a2166","id":"dff402d2-248f-47b9-acf7-e7189bf1e6c9","width":3793,"height":2792,"filename":"style-guide.png","type":"image/png","caption":"","border":false}]}
```

### Wireframes and Hi-Fi Designs

I then created wireframes for the new dashboard design, detailing the layout and interactions. These wireframes were transformed into high-fidelity designs, incorporating the visual design elements.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F5B3esNWyXedwdnRvZwHrw8usNw62%2F1u5tHMp9pAsSrL3ki1kZ%2F4b143720-ddcf-47b1-a431-3067ba8bc583.png?alt=media&token=e0bfe30b-d557-4ef0-8479-3e83de73f2c9","id":"4b143720-ddcf-47b1-a431-3067ba8bc583","width":3240,"height":2408,"filename":"Wireframe.png","type":"image/png","caption":"Wireframes","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F5B3esNWyXedwdnRvZwHrw8usNw62%2F1u5tHMp9pAsSrL3ki1kZ%2F9eff0af1-608a-49db-a1db-cdbad760beef.png?alt=media&token=f2ccde8e-8153-4707-9270-e2d4122c2eec","id":"9eff0af1-608a-49db-a1db-cdbad760beef","width":3240,"height":2408,"filename":"Hi-Fi.png","type":"image/png","caption":"Hi-fi designs","border":false}]}
```

### Prototype

The prototype allowed me to simulate the user experience and gather initial user feedback. The feedback then led to some design iterations, improving the overall user experience of the Investor portal. The prototype also allowed the developers to see the functionality of the site as well as interactions.

```cv
figma
{"url":"https://www.figma.com/proto/cTHpcxpSv67qDzhGvcTGcr/MME-Investor-Website---HiFi?page-id=3225%3A52783&type=design&node-id=3236-53314&viewport=-2470%2C4991%2C0.28&scaling=scale-down&starting-point-node-id=3236%3A53314&disable-default-keyboard-nav=1&"}
```

### Web Design Optimisation

To ensure optimal performance across devices, I employed web design optimisation principles such as responsive design and image optimisation. This ensured that the Investor portal was not only visually appealing and user-friendly but also fast-loading and well-optimised for mobile use.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F5B3esNWyXedwdnRvZwHrw8usNw62%2F1u5tHMp9pAsSrL3ki1kZ%2F777acd82-bd4c-428d-8fba-94022d5b10ce.png?alt=media&token=20829c50-68fe-463d-8d06-5a91280ab567","id":"777acd82-bd4c-428d-8fba-94022d5b10ce","width":780,"height":1688,"filename":"iPhone 14 - 1.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F5B3esNWyXedwdnRvZwHrw8usNw62%2F1u5tHMp9pAsSrL3ki1kZ%2F9acb398a-5c43-4a23-858e-9188556fab7f.png?alt=media&token=7a3f40b8-76a8-4026-bd1d-d5cff8a2ff9a","id":"9acb398a-5c43-4a23-858e-9188556fab7f","width":780,"height":1688,"filename":"iPhone 14 - 2.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F5B3esNWyXedwdnRvZwHrw8usNw62%2F1u5tHMp9pAsSrL3ki1kZ%2Fcd0abe41-ddc4-4a32-9841-92b7537f4e1b.png?alt=media&token=25900ba4-fead-43c8-8115-d2566f24bd41","id":"cd0abe41-ddc4-4a32-9841-92b7537f4e1b","width":786,"height":1704,"filename":"iPhone 14 Pro - 1.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F5B3esNWyXedwdnRvZwHrw8usNw62%2F1u5tHMp9pAsSrL3ki1kZ%2F1e4b4f24-fcb8-40e0-b178-be58950a28a7.png?alt=media&token=9aab55f5-196a-49c0-aa5d-eae6affff1d6","id":"1e4b4f24-fcb8-40e0-b178-be58950a28a7","width":780,"height":1688,"filename":"iPhone 14 - 6.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F5B3esNWyXedwdnRvZwHrw8usNw62%2F1u5tHMp9pAsSrL3ki1kZ%2F193a0370-da7c-4b4d-b1a5-9e271ad134a4.png?alt=media&token=535b1e92-b570-4fd2-b6e7-84d6114c409e","id":"193a0370-da7c-4b4d-b1a5-9e271ad134a4","width":780,"height":1688,"filename":"iPhone 14 - 4.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F5B3esNWyXedwdnRvZwHrw8usNw62%2F1u5tHMp9pAsSrL3ki1kZ%2F761281db-c3f7-4e1c-a075-eb7981c5de6f.png?alt=media&token=0418367c-26d7-4174-9ec4-3c011cccc15e","id":"761281db-c3f7-4e1c-a075-eb7981c5de6f","width":780,"height":1688,"filename":"iPhone 14 - 3.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F5B3esNWyXedwdnRvZwHrw8usNw62%2F1u5tHMp9pAsSrL3ki1kZ%2Fefb38c1e-d85f-4e37-89d7-28deb4975067.png?alt=media&token=a9c0dc9f-e7cb-4e47-90eb-a45e44497f0b","id":"efb38c1e-d85f-4e37-89d7-28deb4975067","width":780,"height":1688,"filename":"iPhone 14 - 5.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F5B3esNWyXedwdnRvZwHrw8usNw62%2F1u5tHMp9pAsSrL3ki1kZ%2F04455193-97bb-4845-b987-73a146b30227.png?alt=media&token=ad0e5f72-d916-4080-95a6-aafd5471848e","id":"04455193-97bb-4845-b987-73a146b30227","width":780,"height":1688,"filename":"iPhone 14 - 7.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F5B3esNWyXedwdnRvZwHrw8usNw62%2F1u5tHMp9pAsSrL3ki1kZ%2F05b466fb-26d3-4e0a-ae98-4f48fbf09a8d.png?alt=media&token=3db912d3-8f2d-410e-84b9-4e4c20761aae","id":"05b466fb-26d3-4e0a-ae98-4f48fbf09a8d","width":780,"height":1688,"filename":"iPhone 14 - 8.png","type":"image/png","caption":"","border":false}]}
```

### Conclusion

By applying UX, UI, and web design optimisation principles, I successfully redesigned MONEYME's Investor portal into an intuitive, user-friendly, and well-optimised platform. This project demonstrated the value of user-centred design in creating digital experiences that not only meet but exceed user expectations.

Investor Centre Re-Design

### The Challenge

The purpose of this campaign was to promote the MONEYME Freestyle Virtual Credit Card to a broader audience, with the goal to increase brand visibility and customer engagement. Our strategy involved a partnership with the popular Australian retailer, Surf Dive 'n' Ski, aiming to cater to a youthful, dynamic demographic that both brands share.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F5B3esNWyXedwdnRvZwHrw8usNw62%2FAp6nt1QraMzUJADlubV9%2F93c9fb63-716e-4191-a001-7ca4e17922ad.jpg?alt=media&token=13c08067-0565-467f-ac40-d89528933aa3","id":"93c9fb63-716e-4191-a001-7ca4e17922ad","width":4800,"height":3600,"filename":"Multiple.jpg","type":"image/jpeg","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F5B3esNWyXedwdnRvZwHrw8usNw62%2FAp6nt1QraMzUJADlubV9%2Fe676da66-8445-4baa-9401-3df52885866e.jpg?alt=media&token=4777c852-985a-4e01-82d5-83a0b7018817","id":"e676da66-8445-4baa-9401-3df52885866e","width":4800,"height":3600,"filename":"Multiple-1.jpg","type":"image/jpeg","caption":"","border":false}]}
```

### The Solution

The campaign required a careful balance of both brands' identities to appeal to their overlapping audience. It was my role to conceptualise the campaign from a visual standpoint, merging MONEYME's modern, digital-first image with Surf Dive 'n' Ski's adventurous, lifestyle-oriented brand.

I then created marketing assets to reflect this synergy. A new landing page was designed, integrating both brands' logos, colour schemes, and visual themes. This landing page not only promoted the Freestyle Virtual Credit Card but also offered visitors an immersive experience of both MONEYME and Surf Dive 'n' Ski.

The campaign was further amplified by using targeted EDMs, sent to both brands' existing customer bases. These EDMs offered personalised content, discounts, and promotions that could be availed using the Freestyle card.

```cv
figma
{"url":"https://www.figma.com/proto/J4R9MzyATsg2ynPGPbBn9w/SDS-LP---Prototype?page-id=0%3A1&type=design&node-id=1-267&viewport=910%2C625%2C0.7&scaling=scale-down-width&starting-point-node-id=1%3A267&hotspot-hints=0&disable-default-keyboard-nav=1&hide-ui=1"}
```

```cv
figma
{"url":"https://www.figma.com/proto/J4R9MzyATsg2ynPGPbBn9w/SDS-LP---Prototype?page-id=19%3A313&type=design&node-id=19-416&viewport=978%2C577%2C0.46&scaling=scale-down-width&starting-point-node-id=19%3A416&disable-default-keyboard-nav=1&hotspot-hints=0&hide-ui=1"}
```

### The Result

The campaign resulted in a significant increase in the visibility and engagement for the Freestyle Virtual Credit Card. It successfully reached and resonated with the intended audience, evidenced by a marked rise in website visits and new sign-ups. Furthermore, the unique blend of both brands' identities in the campaign's visual design left a lasting impression, setting a benchmark for future co-branding campaigns.

This project demonstrated the power of collaborative branding and the impact of a well-planned and executed digital marketing campaign.

MONEYME x Surf Dive 'n' Ski Co-Branding Campaign

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F5B3esNWyXedwdnRvZwHrw8usNw62%2FJxl66kY08BI5O5AwCKxv%2F95c2958c-ebe2-4323-82ff-111ce17e18e2.jpg?alt=media&token=ca85d4c9-b39f-470a-a4d2-d400930b84e0","id":"95c2958c-ebe2-4323-82ff-111ce17e18e2","width":2400,"height":1800,"filename":"Multiple.jpg","type":"image/jpeg","caption":"","border":false}]}
```

SocietyOne, a leading Australian fintech company, required a user-friendly mobile banking app that would provide their customers with a seamless and secure banking experience.

As Digital Design Lead my job was to make sure we incorporated key UI/UX principles to create an intuitive and visually appealing interface. We employed an agile UX framework to design and develop the app, ensuring close collaboration between team members, which lead to rapid iteration and continuous user feedback.

### Discovery and Research

In the initial phase, the team conducted stakeholder interviews, competitive analysis, and user research to gather insights into users' needs and expectations for a banking app. We identified key user personas and their goals, which guided my design process.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F5B3esNWyXedwdnRvZwHrw8usNw62%2FJxl66kY08BI5O5AwCKxv%2F0b1531ba-834a-42a7-9a3d-080e46c93e31.png?alt=media&token=a0848d21-d56d-4a4a-a888-d93a783bbd23","id":"0b1531ba-834a-42a7-9a3d-080e46c93e31","width":650,"height":419,"filename":"Frame-1.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F5B3esNWyXedwdnRvZwHrw8usNw62%2FJxl66kY08BI5O5AwCKxv%2Fbb20d257-0a51-4a47-814a-a11f474fa4d3.png?alt=media&token=192d3d94-b6fc-40f6-8ddd-d49b5b9f42b8","id":"bb20d257-0a51-4a47-814a-a11f474fa4d3","width":560,"height":400,"filename":"Frame.png","type":"image/png","caption":"","border":false}]}
```

### Ideation and User Stories

We translated our research findings into user stories, which helped us prioritise features and functionalities for the app. Collaboratively, the team brainstormed potential solutions for each user story, focusing on the most critical ones for the MVP.

### Visual Design and UI Principles

In parallel with UX activities, I began working on the visual design for the app, taking into consideration key UI principles such as consistency, hierarchy, and accessibility. I created a design system that included components such as colour palette, typography system, and iconography set that aligned with SocietyOne's brand identity and enhanced usability within app.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F5B3esNWyXedwdnRvZwHrw8usNw62%2FJxl66kY08BI5O5AwCKxv%2Fa4ea1f6e-8855-4ea8-9f8c-dd0e8c3a6f1f.png?alt=media&token=1ac60eea-a5c4-4a49-a30b-372b1c63488d","id":"a4ea1f6e-8855-4ea8-9f8c-dd0e8c3a6f1f","width":2400,"height":1800,"filename":"Style Guide.png","type":"image/png","caption":"SocietyOne app UI elements","border":false}]}
```

### Wireframing, Prototyping, and UI Integration

Based on the prioritised user stories, we created low-fidelity wireframes to visualise the app's structure and layout. From these wireframes I created interactive prototypes, which incorporated the visual design elements and adhered to UI principles. This allowed us to test the app's usability and gather user feedback quickly.

### Sprint Planning and Development

We divided the project into several sprints, with each sprint focusing on a specific set of tasks and UI refinements. This iterative approach enabled us to develop and test features quickly, make necessary adjustments, and continuously improve the app's design and functionality.

### Usability Testing and Iteration

Throughout the project, we conducted regular usability tests with target users to validate our design decisions and gather feedback. We iteratively refined the app based on the insights gathered from these tests, ensuring that it met users' needs and expectations while also maintaining a visually appealing and consistent interface.

### MVP Launch and Continuous Improvement

We launched the MVP of the SocietyOne Banking App, which included essential features such as onboarding, account management, transaction history, and transfers between accounts. Post-launch, we continued to gather user feedback, analyse usage data, and iteratively improve the app based on these insights. This ongoing process included enhancements to both UX and UI aspects of the app.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F5B3esNWyXedwdnRvZwHrw8usNw62%2FJxl66kY08BI5O5AwCKxv%2F71f3eefb-bdcf-4a00-89b4-f305aa2b9fa1.png?alt=media&token=901a825b-d7ba-40cf-a6f6-6a751a3c0010","id":"71f3eefb-bdcf-4a00-89b4-f305aa2b9fa1","width":2400,"height":1800,"filename":"Home-1.png","type":"image/png","caption":"Secure login","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F5B3esNWyXedwdnRvZwHrw8usNw62%2FJxl66kY08BI5O5AwCKxv%2Fb77ed1ea-f8a7-4c73-b9e4-b65038ecaa86.png?alt=media&token=7f97f023-b307-41da-8035-2271a65903b4","id":"b77ed1ea-f8a7-4c73-b9e4-b65038ecaa86","width":2400,"height":1800,"filename":"Home.png","type":"image/png","caption":"Load screen and homepage","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F5B3esNWyXedwdnRvZwHrw8usNw62%2FJxl66kY08BI5O5AwCKxv%2F9c90e587-1894-48dd-9a5f-5397f64e0c79.png?alt=media&token=4a25b90f-e0ca-4e01-bf69-bc2271a2dd11","id":"9c90e587-1894-48dd-9a5f-5397f64e0c79","width":2400,"height":1800,"filename":"Home-2.png","type":"image/png","caption":"Settings and card management","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F5B3esNWyXedwdnRvZwHrw8usNw62%2FJxl66kY08BI5O5AwCKxv%2Fb566dd80-2eda-4b94-b3f4-53a7e7e95309.png?alt=media&token=81f2fa3f-8721-47d4-b838-2ed4067af47b","id":"b566dd80-2eda-4b94-b3f4-53a7e7e95309","width":2400,"height":1800,"filename":"Home-3.png","type":"image/png","caption":"Payments and transfers","border":false}]}
```

### Conclusion

By using an agile UX framework and incorporating key UI principles, I designed a user-friendly and visually appealing banking app for SocietyOne that met the needs of their customers. The iterative, user-centered approach enabled us to deliver a valuable product quickly, while continuously learning and improving based on user feedback and data-driven insights.

SocietyOne Banking App - UX/UI Case Study

Digital Designer

Investor Portal Re-Design - Prototype & Case Study

- Collaborate with product, marketing, and engineering teams to create industry-leading products and experiences online.
- Refine and design landing pages based on user testing and behaviour to improve user experience and conversion rates. 
- Created a robust design system that streamlined the design process and provided a more consistent UX across digital products, leading to higher user satisfaction.
- Re-designed and optimised digital products, including the investor dashboard, personal loan forms and blog portal.
- Conceptualised campaigns and created digital marketing assets for successful brand partnerships to effectively promote products in order to reach new audiences.

Senior Digital Designer

- Lead designer for the SocietyOne brand
- Created the new brand redesign, including a new style guide based on in-depth market and user research, utilising methods such as user interviews and personas to inform design decisions.
- Designed and built the new company website, leading to a significant increase in speed, performance and user satisfaction.
- Designed the new SocietyOne banking app with a strong focus on user needs and pain points, collaborating with product managers and developers to launch on iOS and Android.
- Re-designed and optimised digital products, including the broker platform, personal loan customer journey & credit score dashboard, incorporating user feedback for enhanced user experience.

Digital Design Lead

- Work with clients predominantly in the tech industry, designing and building digital products that improve user experience, online presence, and conversion rates.
- Designed and built over 50 responsive websites to date, consistently incorporating iterative design processes to ensure optimal user experience.
- Utilise UX methodologies such as user journey mapping, wireframing, and prototyping to create user-centered designs.
- Create and refresh client’s branding, including strategy, logo design, identity, and brand guidelines, informed by user research and feedback.

Freelance Designer

- Designed and developed the company’s branding and website, including the launch of an e-commerce shop for merchandise.
- Provide my expertise in branding and digital marketing to help build World Chase Tag into a global sports brand.

Digital Design & Consultant

Senior UI Designer

- Lead design for the new Email Academy brand and logo 
- Designed and built email templates, published on the Campaign Monitor marketplace for all users.
- Redesigned the Vuture website, including wireframes and prototypes.

Thibault Bain

Projects

Work Experience

Education

Contact