Website Design and Dev for korlodworks. (Figma to WordPress)
Onifade Ifeoluwa
🧩 Project Overview
Client:korlodworks
Industry: Agency
Role: Lead UI/UX Designer & Elementor Expert
Timeline: 3 Weeks
Tools: Figma, Elementor Pro, WordPress, Google Fonts, Hotjar
Scope: Complete homepage redesign and six core sub-pages, built and deployed in Elementor.
Objective: Modernize branding, elevate user interface, improve responsiveness, and drive user engagement and conversions. The client's focus was on a clean and simple interface that converts.
Discovery & Research
Heuristic UX Audit: Identified inconsistent spacing, unclear CTAs, and weak visual hierarchy.
User Feedback: Informal surveys with clients and prospects highlighted confusion in navigation and a lack of clear pathways to portfolio items.
Competitive Benchmarking: Reviewed top creative studios to identify standout features—like immersive hero sections, modular portfolio grids, and clear CTAs.
Strategy & Wireframing
Created low-fidelity wireframes in Figma, focusing on:
Hero sections with bold imagery and clear brand statements.
Modular portfolio grid for filterable case studies.
Built‑in conversion zones: “Contact,” “Get Quote,” and “Subscribe.”
UI & Visual Design
Brand Alignment: Introduced a fresh palette of warm neutrals, with a highlight color for interactive elements.
Typography & Imagery: Choose elegant, readable fonts and high-res visuals to boost visual weight.
Design System: Modular cards, consistent button styles, and reusable sections for faster scaling and content updates.
Elementor Development
Global Templates & Widgets: Developed site-wide Header, Footer, and Portfolio grid modules using Elementor Pro for maintainability.
Responsive Design: Customized breakpoints and responsive tweaks for flawless mobile and tablet performance.
Performance Optimization: Leveraged lazy loading, optimized asset delivery, and minimized CSS/JS bloat.
Outcomes & Metrics
Brand Perception: Client reports a notable uptick in “high-quality” feedback from prospects and partners.
Engagement Metrics:
Homepage load time reduced.
Bounce rate on portfolio pages dropped by 25%
Contact form submissions increased by ~40%
Key Learnings
Functional design systems paired with Elementor streamline execution and iteration.
Prioritizing UX fundamentals—clear hierarchy, consistency, and navigation—directly enhances user engagement.
A mobile-first mindset ensures brand impact across devices.
đź”— View Live Site & Resources
Live Website: korlodworks.com
Drop a like if you find this interesting.....
Like this project
Posted Jun 23, 2025
Redesigned homepage and sub-pages for Korlodworks to modernize branding and improve user engagement, sticking to the branding of the platform.
