Trading Website Design & Development
Problem
The previous website suffered from several usability and design issues that affected both user experience and functionality. Its interface was outdated and cluttered, with inconsistent spacing and poorly organized navigation that made it difficult for users to locate services quickly. The site also lacked proper responsiveness, causing sections to display incorrectly on mobile and tablet devices, with menus appearing overlapped or too small. User engagement was weak because key actions such as Online Banking, Contact Us, and Chat Support were not highlighted, and the homepage banner did not reflect a modern or visually appealing brand image. Additionally, the website had accessibility shortcomings, including low text contrast, unclear icons, and the absence of essential features such as font resizing and language switching, making it less inclusive for a wide range of users.
Challenge & Solution
A fully improved and modernized website experience was developed by introducing a clean, structured layout with a strong visual hierarchy, ensuring proper spacing, alignment, and typography throughout the interface. The homepage now features a professional banner showcasing the People’s Tower with high-quality imagery, reinforcing brand identity. The entire site was redesigned to be fully responsive across mobile, tablet, and desktop devices, with a smoothly collapsing navigation bar and elements that scale correctly at all breakpoints. User experience was further enhanced by clearly highlighting essential functions such as the Online Banking red CTA button and the floating “Chat with Us” button, along with well-organized dropdown menus for Loans, Cards, Digital Banking, Apply For, and more. Accessibility was significantly improved through the addition of font resize options (A–, A, A+), multi-language support (English/Sinhala/Tamil), and high-contrast icons for key tools like the calculator, contact, offers, and support, making the website more inclusive and user-friendly.
Final Outcome
The website built using WordPress delivered significant functional and performance improvements, offering a scalable and user-friendly structure. Development became faster and more efficient through the use of WordPress and Elementor, allowing clean design control without heavy coding and reducing development time. Content management also improved, as pages, banners, menus, and sections can now be updated easily from the WordPress dashboard, enabling non-technical staff to manage content independently. The website is now fully responsive, with Elementor’s controls ensuring smooth performance across desktop, tablet, and mobile, fixing all previously broken mobile layouts. Navigation was streamlined by clearly organizing WordPress menus for Loans, Cards, Deposits, Digital Banking, Apply For, and more, allowing users to find services quickly. Essential plugins—including live chat, multi-language support, accessibility tools, and floating icons—were integrated to enhance functionality without custom development. Security and stability improved through regular WordPress updates, security plugins, HTTPS, and caching. The site now benefits from an SEO-friendly structure with optimized URLs, metadata, and faster loading speeds. Additionally, the platform is highly scalable, making it easy to add new pages, services, or features as needed, enabling the bank’s digital team to expand the site without requiring a full redesign.
Category:
DEVELOPMENT
Software:
WORDPRESS, FIGMA
Service:
DEVELOPMENT
Client:
PEOPLE'S BANK
Date:
OCTOBER 6, 2023
Website URL: