Keystone Financial is an independent financial publishing corporation, providing their clients with up to the minute information on investment opportunities in the US and Canadian markets. They host a series of seminars to educate people on a DIY approach to investing in the stock markets. The Keystone Financial website is the conduit for their advice, delivering all pertinent information to their clients through email, SMS, and via the client portal.
Company & E-commerce Website
- Explain better what Keystone Financial does through an improved user journey
- Increase organic paid subscriptions.
- Allow users to purchase Reports, Tickets to Events, or Subscriptions through an easy to use interface.
- Provide an easy to use client dashboard.
- Instructional overlays will help transition legacy users from the old system to the new one.
- Users can review any reports, videos, and podcasts published by Keystone Financial, organized by service and date.
- Users can partake in weekly live chat sessions with Keystone Advisors, and view chat archives of any past sessions.
- Users can see a graphical representation of all of Keystone’s past & present recommendations
- Users can use the custom search to find any company that Keystone covers, and view all past and present recommendations of those companies, including the trends since the coverage started.
- Users can view charts of any company with coverage by Keystone, to see past performance.
- Users can subscribe to new services
- Clients will have the option to receive updates from Keystone by Email, SMS, or through their client dashboard.
- All clients get automatically synced with Mailchimp, segmented by what services they subscribe to, to allow for targeted marketing efforts.
- The website and MailChimp will sync every day to make sure that all marketing lists are up to date.
- All client communication to be automated, triggered by events such as when an administrator publishes a new report, sending all applicable users the PDF report, and a text update via email and SMS.
- UX & Prototyping
- Speed Optimization
- Quality Assurance
- Mobile Accessibility
- Information Architecture
- Custom WooCommerce
- Custom WordPress
- Content Strategy
- Content Delivery Automation
- Data Analysis
- Data Migration
Phase 1: Planning
Step 1: We worked with Keystone Financial to dismantle their existing system to determine all functionality that was needed for the new system.
Step 2: After gathering all of the pertinent information, we arranged everything into a new hierarchy of importance, to allow us to determine what should get the most attention, and what could be considered an after-thought. This left us with a list from most important, to least important.
Step 3: We then took that list, and separated each function into groups, to determine where on the new site all of it would live. This produced a blueprint of the site and its functionality.
Phase 2: Prototyping
With the blueprint in hand, we could begin wireframing out each of the unique aspects of the new system. To begin with, this involved laying out movable elements using paper cut-outs, until we had a concept that made sense. This was then translated into a technical wireframe, allowing the Keystone team an opportunity to review and provide their feedback. This process was repeated for each of the unique layouts on the site.
Phase 3: Development
The technical wireframes were then developed into WordPress templates, allowing us to produce and reuse any sections that were needed to build out the complete site. This allowed us to start moving over any static content from the old system, and provide the Keystone team with the basic user experience with real content.
Phase 4: Data Migration
Keystone Financial has been around for over a decade. That is a lot of data. Their old system had been through a multitude of changes, adjustments, patches, and trying to make new requests work with old functionality. Needless to say, the data showed it.
Firstly, we had to manipulate the existing data to be able to fit in nicely with the new system. To compound this problem, we were going to be separating users from the old system – dubbed “Legacy Users”, and users from the new system.
Next, we completed several data imports of more than 7,000 users into the new system.
Phase 5: Launch
After a thorough review, quality assurance, and peer review, the new system was ready to launch.
Phase 6: Review
2 months after launch, heatmaps were reviewed to determine the success of the decisions that were made during the Prototyping phase. For Keystocks.com, the data showed that the correct decisions were made, and users of the site were interacting with the new system as predicted.
Unique Features & Functionality
The concept with the dashboard’s homepage was to provide clients with all the latest content. All content on the dashboard is marked as “new” if it has not been viewed yet, to allow the user to be able to easily identify what they need to catch up on.
It was decided to split the content up into the three main categories of content that Keystone publishes: Reports, Video Updates, and Special Reports.
A sidebar on the right gives space to provide users with Important Links, which can be updated by the administrator for special occasions. Under that, Keystone has 2 quick guides into using their service.
In the top right-hand side of the page, there is a HELP button, which will bring up an instructional overlay, and a quick run through the system.
We have a similar layout for each Service’s main landing page, with Reports, Videos, and Special Reports, specific to that service. Like the homepage, “new” badges appear on any content which has not been open by the user yet.
The Portfolio section lists all of the companies that Keystone is suggesting coverage on, broken down into their branding of portfolio subdivisions. The user can easily review each of the portfolios under each service type they subscribe to and get all of the pertinent information on any of the companies listed.
The reports section allows users to search for any company, and find a report based on that company. They are able to filer by date, to narrow down their search.
This section lists all of the videos that are related to the service type. Taking advantage of the quick search allows users to easily find any video related to what they are looking for. Each video is tagged by specific content, allowing for accurate searching.
Every week, Keystone holds several live chat sessions, where their users can interact directly with a professional trader. The live chat sessions are designed to hold a group discussion between up to 1000 users concurrently.
While the chat rooms are closed, a notice is displayed automatically providing information on the next chat session that will be held.
At the end of a session, the content of the chat is automatically posted to the Chat Archive section, where users can read it for the first time if they missed the session, or review the session if they attended.
Users can search for specific companies on the site. They can then view all of the pertinent information about that company such as their current rating, a live feed showing their current price (up to 5 minutes), the latest reports, any past reports, and a live chart of the company’s performance.
The biggest challenge with this project was handling a very diverse pool of data. The original system that Keystone was using went through many different iterations, and any of the data gathered over these iterations differed substantially. This caused some delay to the original project launch date, but we stuck to it and managed to provide workarounds for nearly all of the changes that were requested throughout the project due to the bad data.
This project was an immediate success: client retention was way up, and new subscribers started popping up as soon as the new platform was launched. The client marked an increased return on the website in the first month. The client saw a complete return on investment within the first 3 months.