Responsive Landing Page Promoting FinTech App

Challenge:

Design a promotional website for a FinTech application. Beyond promoting the app, the website was supposed to refresh the company’s image by showing its dynamics, innovation, and precision.

case-tbam-devicescase-tbam-devices

Project summary

Approach:

The first step of the project was detailed stakeholder interview and cooperative work on the project brief. Competitor analysis and initial research that followed covered the target users of the website (their background, habits and needs) and the client’s business (goals, objectives, and competitive advantages). Research results indicated two main target user groups with slightly different needs: investment funds and their less experienced employees.

We started work on the information architecture of the website from determining the main goals of each user group. Represented on user journey, they formed the fundament for the website structure and initial sketches. Creating wireframes, we made sure to address needs of both target groups: homepage employed a split screen so that users who are busy can sign up for demo right away and download PDF with app specifications, while others have easy access to all information. With complex pricing details represented on easy-to-use calculator, we made sure users can quickly calculate the exact price by choosing an appropriate tab.

Working on graphic design we focused not only on strictly visual aspects such as choosing appropriate font and bold colors reflecting the brand dynamics and expertise, but also on usability factors: textual communication was reinforced by custom icons effectively visualizing app’s features.

Services:

•    User research
•    Competitor analysis
•    Proto-personas
•    Wireframes and prototypes
•    UI design
•    Responsive web design
•    Graphic design
•    Web development guidance

Client

Turbine Analytics

case-tbam-photocase-tbam-photo
case-tbam-price-calculatorcase-tbam-price-calculator
case-tbam-icons-black-backgroundcase-tbam-icons-black-background
case-tbam-styleguide3case-tbam-styleguide3

The outcome

Results:

Fully responsive and functional website that contributed to the client’s business success.

Seen our previous projects? Now it's time for yours - contact us to discuss your needs.

[unex_ce_button id="content_hywfznavm" button_text_color="#252525" button_font="semibold" button_font_size="14px" button_width="auto" button_alignment="center" button_text_spacing="0px" button_bg_color="#ffffff" button_padding="14px 80px 11px 80px" button_border_width="2px" button_border_color="#43e3c3" button_border_radius="0px" button_text_hover_color="#252525" button_text_spacing_hover="0px" button_bg_hover_color="#ffffff" button_border_hover_color="#252525" button_link="info@therectangles.com" button_link_type="email" button_link_target="_blank" has_container="1" in_column=""]Contact us[/ce_button]