Tobi Babalola - Responsive Design | ContraWork by Tobi Babalola
Tobi Babalola

Tobi Babalola

React & UI Designer building clean, user-first websites.

Ready for work

Tobi is ready for their next project!

Cover image for I redesigned the homepage for
I redesigned the homepage for Starlight Engineering Ltd. to better communicate the company's engineering expertise, professionalism, and project capabilities through a modern, conversion-focused user experience. The original website presented valuable information but lacked a strong visual hierarchy, clear messaging, and modern design patterns expected from today's engineering and construction companies. My redesign focused on creating a clean, trustworthy interface that highlights the company's services, experience, completed projects, and commitment to quality. The new homepage introduces improved content organization, stronger calls-to-action, modern typography, responsive layouts, and reusable React components that make the website easier to maintain and scale. Built with React, Vite, and Tailwind CSS, the redesign delivers a fast, responsive experience across desktop, tablet, and mobile devices while maintaining a professional corporate aesthetic. Services Delivered UX/UI Audit Homepage Redesign Responsive Web Design Frontend Development Component-Based Architecture Conversion Rate Optimization (CRO)
0
4
Cover image for I redesigned the homepage for
I redesigned the homepage for OnYourMark Delivery to create a faster, cleaner, and more trustworthy digital experience for customers looking for reliable delivery services. The redesign focuses on improving clarity, visual hierarchy, and conversion by simplifying navigation, highlighting core delivery services, strengthening trust signals, and introducing clear calls-to-action throughout the page. The interface was built with a modern, responsive layout that performs seamlessly across desktop, tablet, and mobile devices. The project was developed using Next, and Tailwind CSS with reusable components, smooth animations, and an optimized user experience designed to increase engagement and make service information easier to access.
0
7
Cover image for North Star Trucking Ltd. is
North Star Trucking Ltd. is a Canadian ready-mix concrete supplier serving residential, commercial, agricultural, industrial, and municipal projects across Central Alberta. The existing homepage contained valuable information but lacked a modern visual hierarchy, clear conversion paths, and the trust-building experience expected from an established construction company. My goal was to redesign the homepage into a premium, conversion-focused experience that communicates reliability, professionalism, and decades of industry expertise. The redesign focused on creating a bold first impression while making it easier for visitors to understand the company's services and request a quote. I introduced stronger typography, improved spacing, modern card layouts, animated statistics, industry-focused service sections, responsive testimonials, and clear calls-to-action throughout the page. The project was built with reusable React components and a scalable architecture, making future updates and expansion straightforward. Services Delivered UX/UI Audit Homepage Redesign Responsive Web Design Frontend Development Component-Based Architecture Conversion Rate Optimization (CRO)
1
13
Cover image for Packaging Depot Edmonton's existing homepage
Packaging Depot Edmonton's existing homepage had a dated layout, inconsistent visual hierarchy, and a user journey that made it difficult for visitors to quickly understand the company's packaging solutions. I redesigned the homepage from the ground up with a modern, conversion-focused approach while maintaining the company's established brand identity. The redesign emphasizes clarity, product categories, trust signals, and intuitive navigation, making it easier for businesses to discover packaging products and request quotes. The new design features cleaner typography, improved spacing, stronger calls-to-action, modern product showcases, and a responsive layout that delivers a seamless experience across desktop, tablet, and mobile devices. Services Delivered UX Audit Homepage Redesign UI Design Responsive Design Frontend Development (Nextjs + Tailwind CSS)
0
16
Cover image for I redesigned the homepage for
I redesigned the homepage for Sara Transport, a Canadian transportation and logistics company, with a focus on improving user experience, visual hierarchy, and conversion. The original website had an outdated layout, inconsistent spacing, and lacked a clear content flow. I reimagined the homepage using a modern, responsive design system that better communicates the company's services while making it easier for visitors to navigate and take action. The redesign features: A bold, trust-building hero section with clear calls to action. Improved information architecture to guide visitors through the company's services. Modern typography, spacing, and color hierarchy for better readability. Responsive layouts optimized for desktop, tablet, and mobile devices. Reusable React components built with clean, scalable code. Performance-focused implementation using React and Tailwind CSS. This project demonstrates my approach to transforming outdated business websites into modern, conversion-focused digital experiences while maintaining the client's brand identity.
1
27
Beyond the Portfolio — A New Interaction Model for Digital Identity An interactive portfolio experience built using Figma Make that transforms static portfolios into immersive, animated digital identity systems. Live prototype: https://wick-bottom-65390774.figma.site/ Built entirely with Figma Make during the Makeathon.
3
81
Cover image for Empowering Green Energy: Website for Solaris Surge
Empowering Green Energy: Website for Solaris Surge
0
0