LECA

Client

LECA

Role

Web & Brand Design

Industry

Construction

Date

Nov 2024

Intro

LECA Construction Inc. is a trusted Bay Area company known for its attention to detail and high-quality craftsmanship. They were already creating incredible work and had built a solid reputation through word-of-mouth, but without an online presence, they were missing out on potential clients. Wanting to grow and reach more people, LECA decided it was time to build a website that would showcase their projects, attract new clients, and strengthen their brand for the future.

Goals for the website

Make LECA's work standout: Design a clean and engaging layout that showcases projects in the best way possible.
Simple navigation: Make sure visitors can explore work & services effortlessly without getting lost.
Responsiveness: Ensure the site is fully responsive so it feels smooth on desktops, tablets, and phones.
Keep It Fast and Polished: Optimize performance so pages load quickly and interactions feel seamless.
Showcase the LECA brand: Use consistent visuals, typography, and interactions that reflect LECA's new branding.
CMS Based content: Set up an easy-to-manage system so LECA employees can refresh content without any hassle or need for designer help.
Rank high in SEO: By using LECA's services and using key words, the goal is to appear high in raking when a user looks up a service with LECA nearby.

Roles & responsibilities

My responsibilities included web design, web no-code development, and brand design.

Branding: Created LECA responsive logo, color palette, icon system, and aesthetic applications
Web Design: Created web designs in Figma with responsive breakpoints
Web Implementation: Using Webflow, I created the website using the Figma designs as a guide

For this process I did the following in order to create a strong website & brand design
- Competitor analysis to understand what others in the same space are showcasing
- Create a sitemap to create structure to the order of the website and map out the information each page needs
- I then created wireframes and reusable sections that can visually show the work the company has done or displaying information
- After creating designs I started building out the designs in Webflow and assuring that the site was responsive for all breakpoints needed.

My experience

This project taught me so much, especially about using Webflow. I was able to refine my web design skills by creating a fully responsive layout, which not only improved the user experience but also helped boost the site's ranking in search engines.

Bringing the designs to life was an exciting process. Since I only recently started working with no-code platforms like Webflow and Framer, seeing the project through to development was a rewarding experience. Earlier in my career, I built websites from scratch using HTML, CSS, and JavaScript, but incorporating motion and complex assets was always a challenge. No-code tools have allowed me to bridge that gap, ensuring that designs are implemented exactly as intended while maintaining creative control.