![mob opt exp_comp mob opt exp_comp](http://ameliatodd.com/wp-content/uploads/2022/05/mob-opt-exp_comp.png)
The Problem
Sahmik previously did not have a mobile responsive site. This caused significant display issues for mobile users, particularly when viewing tables and charts. My role as a freelance interaction designer was to optimize key screens within the website for mobile.
Home Page
The primary change here was to redesign the dropdown as seen on the desktop version to a modal that would appear when the search bar was clicked. This provided a lot more space for company listings on the mobile screen size. When starting this project I did a lot of comparative competitor research to see how other financial sites designed their mobile experiences. For this particular screen I took inspiration from the Google Finance search.
![00e Search - Signed In 00e Search - Signed In](https://ameliatodd.com/wp-content/uploads/2022/05/00e-Search-Signed-In.png)
![home screen_1 home screen_1](https://ameliatodd.com/wp-content/uploads/2022/05/home-screen_1.png)
![home screen_2 home screen_2](https://ameliatodd.com/wp-content/uploads/2022/05/home-screen_2.png)
Company Overview
The biggest challenge with this screen was how to redesign the table for mobile. Realistically there was only space for one year to be displayed, so it was necessary to design a way for users to switch between years. I explored a few different options including a drop down arrow to display a menu of years. Ultimately, the chosen design simply reused the existing pill button pattern on the chart, maintaining consistency for the user.
![01a - Analytics - Overview – 1 01a - Analytics - Overview – 1](https://ameliatodd.com/wp-content/uploads/2022/05/01a-Analytics-Overview-–-1.png)
![overview_1 overview_1](https://ameliatodd.com/wp-content/uploads/2022/05/overview_1.png)
![overview_2 overview_2](https://ameliatodd.com/wp-content/uploads/2022/05/overview_2.png)
Company Financials
Due to various constraints, the table on this screen was left as a side scroll experience. So the biggest change here was the way in which users could change the financial document and time period they were viewing. As a new modal pattern had already been introduced (on the home page), I reused it here by replacing the drop down menus with the 'Change' button, which triggered a modal where users could make their selections.
![Financials test. copy – 1 Financials test. copy – 1](https://ameliatodd.com/wp-content/uploads/2022/05/Financials-test.-copy-–-1.png)
![financials_corrected financials_corrected](https://ameliatodd.com/wp-content/uploads/2022/05/financials_corrected.png)
![financials_2 financials_2](https://ameliatodd.com/wp-content/uploads/2022/05/financials_2.png)
News
The redesign of this screen was similar to the Financials (above). Replacing the drop down menus with a 'Filters' button that triggered a modal. I wanted to keep everything as simple as possible by reusing patterns and reducing the need for users to learn new behaviors for the mobile experience.
![Screen Shot 2022-05-04 at 11.09.32 AM Screen Shot 2022-05-04 at 11.09.32 AM](https://ameliatodd.com/wp-content/uploads/2022/05/Screen-Shot-2022-05-04-at-11.09.32-AM.png)
![news 1 news 1](https://ameliatodd.com/wp-content/uploads/2022/05/news-1.png)
![news 2 news 2](https://ameliatodd.com/wp-content/uploads/2022/05/news-2.png)
![sahmik-logo-dark sahmik-logo-dark](http://ameliatodd.com/wp-content/uploads/2022/05/sahmik-logo-dark-300x78.png)
A Financial Services Platform just for the Qatar Stock Exchange
Sahmik is an early stage financial services company offering a financial information search engine specifically for the Qatar Stock Exchange. Its range of offerings includes a portfolio manager for users to explore, track and manage stocks with in-depth metrics. Sahmik's mission is to improve access to financial data in Qatar, giving everyone the insights and opportunity to participate in the region's continued growth and success.
As a freelance interaction designer at Sahmik, I assisted with the design of key features and a mobile optimized responsive site.