Website Design 🖥
As BNY Mellon | Pershing is offering digital products like APIs, this public website is designed for showcasing digital products and allowing all the companies to cooperate and integrate.
2019. Oct - 2020. Mar
Type UX Design, Visual Design, Web Design
Responsibility User Research, Wireframing, Content Strategy, Prototyping, UX Design, Visual Design, User Testing
According to Stakeholders, the way Pershing deals with integration requirements today is that the potential clients need to call Pershing's business team and directly ask in the phone if Pershing has integrations methods. This approach is very dated and inefficient.
Build a public website to showcase Pershing's digital integration products with improved brand perception.
Have clear communication with prospective clients and current clients about our core service.
Allow developers to test products directly in the website.
After stakeholders raised the requirements, we found out there will have three challenges in this case that is different in other similar sites.
This site would face two main users:
Business people who might be potential clients.
Developers who will test the digital products on the website.
How to guide two different groups of users to easily find what they are interested through a clear navigation?
Pre-login vs Post-login
Due to policy, some content was decided to be totally public, some would need password protection.
Based on the basic background information, we conducted user interviews with 5 of Pershing's potential/former clients.
Based on two main user roles, we demonstrated two different typical users:
Business People who lead the product:
Developers who implement the product:
After the background research and user interview, we brought the result and conclusion to the design team to have internal meetings. Based on the discussions I created this design brief to clarify the scope, pain points, challenge and the possible evaluation criterion.
Based on the scope and content defined in former stages, we created this IA to reflect the structure of the need of different groups of users.
To achieve the goal to separate different group of users, we decided to grow the website into two branches: "Discover" for business people, and "Develop" for developers.
Based on the IA, we held the "connect the dots" meetings to merge the different users' flow in this website.
To better present the flow to the whole product team, I simplified the flow to a cleaner version.
With several rounds of discussion, I designed this final sitemap to clarified the structure of the website which divided each page level into pre-login or post-login clearly.
Layout Ideation & whiteboarding
To find out better layout for the page, we did competitor research to see what is the strategy in the financial industry nowadays.
Click Here to view the report.