Website/UX Design For Hard Money Lender In Denver, Colorado
Updating A Website For A New Ideal Customer Profile
Pine Financial Group is a Denver-based finance company whose portfolio of products includes hard money loans, bridge loans, and high-yield mortgage funds, just to name a few. They came to us seeking to revamp their website from top to bottom in order to revamp the look and feel of the site to be modernized and up-to-date.
During our inital discovery calls, I learned about their ideal target market, which includes men and women between the ages of 35-45 who were making north of $120K per year, and this immediately prompted me to make the recommendation to adopt a fin-tech style of design for the new website. The challenge with this new website update was being able to accommodate the new enormous 3,000+ word interior pages and maintaining a clean design throughout the site.
Adapt The Visual Experience To Align With Modern-Day Fintech Platforms
Ultimately, I created a modernized design for their new site with an updated navgiation for users to be able to find more information on loan products, investment opportunities, and plenty of conversion points throughout the site. Luckily, the client didn't need any special functionality added to the site, so the design process was straightforward. We launched the new site 2 months after the first discovery call.
Ideation/Concepts
To begin, I started by creating sketches of what I would assume the home page could look like. Because I did not have any new content to work with, I began by looking at the client's existing website and used it as a basis for the new home page.
Setting The User Interface
Before I can start adding color and imagery to bring the idea to life, I needed to define a general design system to be used throughout the site to maintain consistency throughout. I created three separate moodboards and pitched each one to the client. The client eventually chose their desired styling and I created the design system around their chosen moodboard.
Aa
Gilroy BoldAa
Gilroy MediumAa
Gilroy RegularAdding Color, Imagery & Functionality
Once the design system has been created, I then added the new styling to the wireframes to bring these designs to life. Once the comps were put together for all pages, a functional prototype of the home page and navigation were created for the client to interact with.
Approval To Send To Developers Received
Once the client approved of the new design templates, I began to package all Adobe XD files for development. I made sure I had layers in the file organized, as well as providing a developer link via Adobe XD so that they could download any assets they needed, view font styles, color codes, etc.