Hey, I'm...

Marques Webster

And I'm a Frontend Software Engineer and Desinger that loves to build user-centered and dynamic experiences.

Mozilla 2D Breakout Game

Nava PBC 2023 DEI Report

Nava PBC 2023 Public Benefit Report

Nava PBC 2024 Public Benefit Report

Airbnb Experiences Clone

Breath'g Vegan Design System

Breath'g Vegan

Nava PBC Insights Filtering System

Light-Dark Mode

Marques Q. Webster Portfolio

Meme Generator

Nava Labs

Notes App

Partnership For Resilience Design System

Paper Trails

The Why...

I'm a fresh face with an old soul, and I'm always looking to learn. There's a saying that a wise person learns from his mistakes and a wiser one learns from others' mistakes. However, the wisest among us learn from others' successes. I'm a product of all of the successes of those that have come before me and have prepared me for excellence. My goal is to be a lesson for the wisest members of the generations to follow.

'96

Childlike Creativity

From Atlanta to Matteson, my journey began with doodles and dreams. Raised on Saturday morning cartoons and comic books, I wielded a pencil before I could walk. Though my childhood sketches might outshine my adult attempts, my passion for art still shines bright. Life’s full circle is evident: I navigate adulthood with a childlike creativity, forever enchanted by the world of design.

Creativity is intelligence having fun.Albert Einstein

'02

Natural Born Leader

Since I was knee-high, my parents dubbed me a born leader. Sure, they're biased, but not entirely off base. Every standout leader owes a debt to their mentors and acknowledges it gladly. Through my 108 seasons on this spinning globe, I've honed my knack for picking out the right teachers, guided by the soul my parents instilled in me. Learning the ropes has only bolstered my leadership game, and I'm all in for soaking up more wisdom to guide those in my orbit.

Leadership and learning are indispensable to each other.John F. Kennedy

'10

Effective Communicator

Claiming the Salutatorian spot in middle school jumpstarted my journey in public speaking, and I've only improved with time. Speaking to diverse crowds taught me the golden rule of effective communication: listening first to find common ground. This insight eases any nerves, making it natural to connect with folks from all walks of life. Everyone has a unique story, a truth I've learned to honor, enhancing my ability to share my own experiences and empathize with others.

Each act of communication is a miracle of translation.Ken Liu

'20

Power of Community

My success journey taught me the power of community, a lesson underscored by the pandemic's isolating grip. Tech always intrigued me, but its universal allure eluded me until COVID-19 pushed us online. I discovered that even without physical proximity, digital spaces foster vibrant communities. As a Frontend Software Engineer, I'm thrilled to craft these virtual hubs, connecting like-minded souls in a shared digital embrace.

The strength of the team is each individual member. The strength of each member is the team.Phil Jackson

The What...

Sites

Breath'g Vegan

Interested in Vegan Southern comfort food? Yes? You should definitely place an order. If not, check out the website design and try to avoid being enticed by the pictures.

Breath'g Vegan

Your Career Tapestry

Career coaching is important to most ages and all industries. This importance, plus the concept behind the Tapestry Program, guided the design of this website.

Your Career Tapestry

Marques Q. Webster Portfolio

So…what do you think?

Marques Q. Webster Portfolio

Design Systems

Artifacts from recent projects I’ve worked on. Take a look at what I’ve put together.

Partnership For Resilience

Breath'g Vegan

Your Career Tapestry

Projects

AI Image Generator

This project uses OpenAI and Dall-E 3.0 to create images from text. All you have to do is tell it to imagine your wildest dreams with you.

AI Image Generator

Mozilla 2D Breakout Game

This classic game was just as fun to build as it is to play.

Mozilla 2D Breakout Game

2023 DEI Report

Diversity isn't just a buzzword—it's one of Nava’s guiding principles. I served as the steward for all the DEI data and data visualization for this year’s report.

2023 DEI Report

2023 Public Benefit Report

I was instrumental in designing, prototyping, and developing the digital experience for the report, showcasing Nava's commitment to making a positive impact.

2023 Public Benefit Report

2024 Public Benefit Report

I led the development and implementation of the report including interactive animations using Framer Motion showcasing the multiple layers of service delivery.

2024 Public Benefit Report

Insights Filtering System

Based on meticulous usability testing, I fine-tuned the user journey and deployed a dynamic filtering feature to accompany the catalog of insights Nava offers.

Insights Filtering System

Light-Dark Mode

A small UI card with light and dark mode functionality. Try it out and learn a little about the history of React while you’re at it.

Light-Dark Mode

Meme Generator

A little old-hat meme nostalgia is always a nice break from programming. Quick API calls for an even quicker laugh with this Meme Generator.

Meme Generator

Nava Labs Animation

Leveraging the power of Figma, I brought designs to life, turning static screens into interactive experiences.

Nava Labs Animation

Notes App

A small note app that uses the power of local browser storage and React State and Effect hooks to make note-taking possible.

Notes App

Paper Trails

Want to know more about the money lining your Congress members’ pockets? This web app could help you get started.

Paper Trails

React Router Tutorial

React Router is a valuable tool for managing scalable, multi-page React apps. Given React Router's value, this was a great tutorial to explore what React Router can do.

React Router Tutorial

Tenzies Dice Game

Based on the Tenzi Dice Game, try out this online version until you win.

Tenzies Dice Game

The How...

Experience

Mar. 2023 - Present

Frontend Engineer / Designer

Nava PBC | Communications | Remote

Designed and led the development of the 2023 and 2024 Public Benefit Report, achieving a top #6 ranking in Google Analytics with nearly 10,000 page views, enhancing user engagement through accessible, user-centered design.
Spearheaded advanced filtering functionality ensuring WCAG-compliant accessibility, optimizing site searchability for public sector users.
Integrated Figma, Storybook, and Next.js into the internal CI/CD pipeline, enhancing development speed and code consistency.
Employed secure coding practices and Python scripting for data processing in DEI reports, enabling dynamic data visualizations that effectively highlight diversity metrics.
Supported cross-functional collaboration across design and engineering, fostering team alignment and enhancing product outcomes.

Jun. 2020 - Apr. 2024

Founder / Lead Developer

HI IQ Designs, LLC | Remote

Drove public sector and small business growth through custom web apps and user-centered designs, leveraging tools like WordPress, React, and cloud platforms such as AWS.
Enhanced site engagement with SEO, automated deployment strategies, and CI/CD processes, ensuring long-term client success.
Delivered mentoring and consultation services on UX best practices, accessibility compliance, and frontend optimization.

Jan. 2022 - Dec. 2022

Frontend Software Developer

Google Tech Equity Collective | Remote

Advanced frontend engineering through mastery of React, TypeScript, and RESTful API integrations, delivering responsive web designs and progressive web apps.
Designed and implemented secure, user-friendly web solutions, collaborating with cross-functional teams to deliver projects on time.

Mar. 2019 - Apr. 2022

Lead System Administrator / Web Developer

University of Illinois | Technology Services | Urbana, IL

Managed frontend systems and backend infrastructure, including CI/CD integration for approximately 40 WordPress and Drupal sites.
Supported over 800 devices and handled secure server configurations, database administration, and MySQL optimization to minimize academic disruption.
Championed security protocols and SSL certifications to ensure a reliable, secure digital experience for staff and faculty.