top of page
Safari - LC Page.png

LANTERN CAPITAL WEBSITE REDESIGN (UI ONLY)

A redesign of the Lantern Capital website based on new branding, functionality, and business initiatives.

MacBook Pro Mockup Front view.png
iPhone 15 Pro Portrait Mockup.png

CONTEXT

After developing new branding for Lantern Capital, the company sought a redesigned website to align with these updates. While no formal research or testing was conducted, adjustments were made to the flow and structure to complement the refreshed appearance and enhance the user experience.

OVERVIEW

  • Corporate Project
    Full process was 1 year (June 2023 - June 2024)

HEURISTIC EVALUATION

During my heuristic evaluation, I observed several accessibility issues. Many of the colour choices and placements did not conform to WCAG compliance, resulting in readability challenges or potential oversight by users. Additionally, I noted a lack of Call To Action (CTA) buttons on Lantern's website compared to its competitors. There was also a lack of differentiation among the existing CTA buttons in terms of function and colour scheme; the only distinguishable factor was their inconsistent sizes.

Regarding the website layout, the content felt unaligned on some pages, specifically the "who we are" page, which only consisted of the team members itself and said nothing about who Lantern Capital is as a company. Therefore, I felt this required some reorganization. Lastly, the website seemed deficient in providing comprehensive information about Lantern's services, operational processes, and client testimonials, which are crucial elements that competitors typically showcase.

WHAT WE DO PAGE

Group 175.png

WHO WE ARE PAGE

Group 176.png
Screenshot 2024-07-16 150534.png

HOMEPAGE

Heuristic Eval1.png

WHY WORK WITH US PAGE

Group 174.png

LOW-FIDELITY WIREFRAMES

Next, I developed 11 low-fidelity wireframes to demonstrate the updated layout that I believed would better serve Lantern Capital's users. The new design felt more user-friendly and contemporary. The previous navigation structure was confusing in terms of content placement. These pages now feel more cohesive and purposeful when integrated with content. Additionally, considering the company's growth and the need to accommodate additional services, this navigation layout allows for future expansion.

HOMEPAGE

Homepage.png

CONTACT US PAGE

CONTACT US.png

INDUSTRIES PAGE

INDUSTRIES.png

APPLY NOW PAGE

Apply Now.png

INDIVIDUAL JOB POSTING PAGE

Individual Job Posting.png

FAQ PAGE

FAQ.png

OUR SERVICES PAGE

OUR SERVICES.png

BEACON - AGENT PORTAL LANDING PAGE

Beacon - Agent Portal Landing Page.png

INDIVIDUAL INDUSTRY PAGE

INDIVIDUAL INDUSTRY.png

CAREERS PAGE

Careers.png

INDIVIDUAL JOB POSTING - APPLICATION PAGE

Individual Job Posting - Application.png

INFORMATION ARCHITECTURE

User Flow & Information Architecture_ Agent Portal - Frame 1 (1).jpg

BRANDING

A significant and extensive aspect of this process involved developing the new and enhanced branding for Lantern Capital. Previously, the branding felt dull and uninspiring. To rejuvenate the brand, the marketing team and I collaborated and opted for brighter, more vibrant colours. While the colour palette remains relatively similar, it now feels revitalized. We also selected definitive fonts to maintain brand consistency. Logos were redesigned with the new colours, and we introduced new buttons and graphic patterns as well.

Frame 77.png
Frame 416.png
Frame 83.png

MID/HIGH-FIDELITY WIREFRAMES

Transitioning to mid/high fidelity wireframing was really exciting as it allowed the integration of the new branding and brought the design to life. These wireframes required a considerable amount of time to complete, with numerous adjustments along the way. Even now, there are elements present in the wireframes and the prototype that never made it to the live website.

HOMEPAGE

Homepage.png

ABOUT US PAGE

ABOUT US.png

OUR SERVICES - EQUIPMENT FINANCING PAGE

INDIVIDUAL INDUSTRY PAGES

EQUIPMENT FINANCING.png
TRANSPORTATION.png
CONSTRUCTION.png
MINING.png
TECHNOLOGY.png
AVIATION.png
MANUFACTURING.png
FORESTRY.png
HOSPITALITY.png
MEDICAL.png

OUR SERVICES - BUSINESS LENDING PAGE

BUSINESS LENDING.png

APPLY NOW PAGE

BEACON - AGENT PORTAL LANDING PAGE

FAQ PAGE

CONTACT US PAGE

BLOG - MAIN PAGE

INDIVIDUAL ARTICLE PAGE

LEASE CALCULATOR - CALCULATOR PAGE

LEASE CALCULATOR - DETAILS PAGE

LEASE CALCULATOR - CHARTS PAGE

CAREERS PAGE

INDIVIDUAL JOB POSTING PAGE

INDIVIDUAL JOB POSTING - APPLICATION PAGE

PROTOTYPE & FINAL PRODUCT

Click below to try out the prototype or check out the live Lantern Capital website.

FINAL THOUGHTS & OPPORTUNITIES

Overall, I am extremely pleased with the outcome of the new website design. I believe the rebranding has given the company a refreshed feel, and the new layout appears more user-friendly. If I were to make any future adjustments, I might consider modifying some minor aspects, such as certain UI elements (e.g., button states). Additionally, I would be excited to implement the pages that were not included in the live website and see how they perform.

bottom of page