Business: Personal portfolio and lead generation platform for freelance web design

Type of Project: Website redesign and rebrand

Tools Used: Framer (design and development), Figma (ideation and SVG creation), MyMind (moodboarding)

Live Website: brookslagle.com

As a multi-disciplinary designer specializing in web design, my personal website serves as both a portfolio and a lead generation tool. It’s a space for potential clients to learn about me, explore my past work, and take action—whether booking a call or sending a project inquiry.

This project was a complete redesign and rebrand from my previous sales-focused website. I shifted toward a clean, high-quality design that feels unique and personal, incorporating standout features like a right-side navigation bar and interactive animations.

The primary goal of my website was to:

• Create a platform that reflects my personal brand and showcases my expertise.

• Provide leads with a deeper understanding of my work, process, and personality.

• Encourage visitors to book calls or submit project inquiries.

1. Complete Redesign: My previous website didn’t reflect my evolving brand, so I started from scratch with a new direction and design language.

2. Unique Layouts: Implementing a “skinny site” layout with a fixed right-side navigation bar required technical and design problem-solving, especially for responsive breakpoints.

3. Seamless Interactivity: Balancing engaging animations and hover effects with usability and fast load times.

Embed Idea: Show side-by-side screenshots of the old website and the redesigned version to illustrate the transformation.

1. Recognizing the Need for Change

I identified that my old site no longer represented my style or goals and committed to a complete rebrand.

2. Inspiration and Moodboarding

Using MyMind, I gathered design inspiration and organized a moodboard to shape the direction of the redesign.

3. Design and Development

• I used Framer for both design and development, creating a functional structure that matched my vision.

• Unique elements like a right-side navigation bar and a “My Tools” section were key features.

4. Iteration and Finalization

I refined the design through testing and feedback, ensuring every detail—from animations to hover effects—was polished.

5. Marketing the Launch

After completion, I shared my new website on X to generate initial traffic and engagement.

My personal website is a reflection of my brand and expertise, offering:

• A professional and approachable design that resonates with potential clients.

• Clear pathways for users to explore my portfolio and contact me directly.

• Unique features like the “My Tools” section, hover animations, and a right-side navigation bar that make the site stand out in a competitive field.

This redesign aligned perfectly with my brand goals, allowing me to confidently showcase my work and attract leads. It serves as a long-term solution—a website I’m proud of and can easily update with new projects.

Embed Idea: Add a graph or chart showing increases in engagement or traffic since the site launched (if available).

This project expanded my skills in both design and Framer development. It pushed me to think creatively about layout and interaction, resulting in a site that balances beauty and functionality.

What I’m most proud of: The fixed right-side navigation bar, which feels personal yet intuitive, standing out as a signature element of the site.