Case Study: Website development for finance company

Aa
Aa
Aa

At Pecode, we’re enthusiastic about interesting projects that target yet unaddressed problems with smart solutions. 

In this case study, we describe our cooperation with a finance company for their website development. 

Brief summary 

  • Pecode was assigned to build the graphical user interface and other visual components from scratch. Our team had to create a unique logo design and make a typography and color palette for the company. We were also responsible for UI/UX design and front-end development processes. 
  • In terms of the project, we involved a graphic designer, a UI/UX designer, and a front-end developer. Our team created a website design from scratch with professional photos and micro-animations, delivered a custom logo along with a typography and color scheme, and developed the front end using the NextJs framework and Tailwind CSS library. 
  • We successfully fulfilled the customer’s requirements and wishes and received positive feedback. Pecode continues to work with the client on their further projects.

About the company

This is a finance company that shares its experience and supports small businesses that can change the world for the better. By addressing individual requirements, they provide immediate access to the best funding solutions thus empowering businesses to flourish and succeed.

The challenge that we faced

The client reached out to us with the following request:

  • Develop a unique graphical user interface for their website. It had to be as minimalistic as possible and not draw attention away from the benefits and ease of the process to some fancy animations. The entire page had to be divided into clear blocks arranged in a logical sequence. 
  • Create the custom logo and the selection of the brand’s color palette and fonts.
  • Create a website from scratch according to the design. It was required to use the NextJs framework and Tailwind CSS library. 

In the course of design creation, the biggest challenge was to grasp all the client’s requirements and preferences correctly. The design had to be minimalistic though it heavily depends on the individual’s taste and vision. For the logo and the color scheme, we had to create multiple versions and present mood boards to decide on the final option. However, through daily communication and regular updates, our team managed to better understand the customer’s requests and meet their expectations. 

In terms of the front-end development part, it was challenging to create similar components that can be reusable in future projects.

Solutions we provided

  • UI/UX design: We created a cohesive and intuitive website design paying close attention to the most important blocks – the user path blocks and the blocks with photos where all elements had to convey professionalism and reliability. We selected the photos in several iterations, asked for the client’s opinion, offered our solutions, and all this led to a good result.
  • Graphic design: We created a unique logo that accurately conveys the core brand’s values ​​and mission as well as the emotion that the company aims to broadcast. The logo can be easily scaled to different formats, it is easy to read and distinctive.
  • Front-end: Based on the design, we built a website with working forms, descriptive text, contacts, and small animations on some elements.

Tech Stack

  • Design: Figma, Illustrator, Photoshop
  • Front end: NextJs, Tailwind CSS

Result

Our collaboration has led to positive results. Our specialists covered the confirmed scope of work and managed to meet the key objectives and expectations. Taking into account all the client’s preferences, our team has created a minimalist website design from scratch with professional photos and micro-animations. We’ve made sure every element aligns with the brand’s identity right. 

The customer provided positive feedback and extended our cooperation for further projects. 

In Pecode, we’re always ready to bring great ideas to life and ensure their proper work. For those who are ready to start this journey with us, we’re always available via hello@pecodesoftware.com