top of page
LANTERN CAPITAL WEBSITE REDESIGN (UI ONLY)
A redesign of the Lantern Capital website based on new branding, functionality, and business initiatives.
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
WHO WE ARE PAGE
HOMEPAGE
WHY WORK WITH US PAGE
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
CONTACT US PAGE
INDUSTRIES PAGE
APPLY NOW PAGE
INDIVIDUAL JOB POSTING PAGE
FAQ PAGE
OUR SERVICES PAGE
BEACON - AGENT PORTAL LANDING PAGE
INDIVIDUAL INDUSTRY PAGE
CAREERS PAGE
INDIVIDUAL JOB POSTING - APPLICATION PAGE
INFORMATION ARCHITECTURE
.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.
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
ABOUT US PAGE
OUR SERVICES - EQUIPMENT FINANCING PAGE
INDIVIDUAL INDUSTRY PAGES
OUR SERVICES - BUSINESS LENDING PAGE
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
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