Andrew's [Design] Office

đź“ŤBased in New Orleans | Design & Code @ NDG Communications

↓ Whatcha Waiting For? ↓

Designer / Developer / Design Systems Enthusiast

Heya, I'm Andrew. I work with companies to bridge the gap between design and development, write CSS (my fav), and to build cool things in the browser.

What Have I Been Working On?

Glad you asked! Click on any of them to learn more!

DesignDevelopment

NOLA Transit UI Overhaul

The NOLA Transit app, a volunteer initiative by Code for America New Orleans, provides real-time tracking of buses and streetcars for New Orleanians. This essential feature, previously part of the official city-owned public transit app, was omitted in the launch of their redesigned app Le Pass, prompting community volunteers to create this open-source web app. My role involved refactoring the front-end and redesigning the UI to prioritize mobile users.

Read MoreView Site

Press esc to close
DesignDevelopmentAngular

Kiosk Touchscreen to Tablet Refactor

A large national home builder client had a sales center kiosk web app designed for stationary 4K touchscreens but wanted the ability to hand sales staff a tablet they could use to interact with homebuyers. I jumped into the code to take a kiosk site designed specifically for HD TVs and implement a delightful user experience when the sales kiosk was viewed on a tablet. By the end of the project, the kiosk served a dual purpose of serving as a stationary sales kiosk and a mobile iPad guide for the floor staff.

Press esc to close
DesignDevelopmentAngularFigma

Realtor Portal Dashboard Design

I designed and helped develop the front-end UI for a real estate agent dashboard integrated into a large national homebuilder's consumer-facing website. Because of the results of a lawsuit and legislation passed in 2024, real estate agents are no longer obligated to a standard and fixed commission after selling a home. This dashboard provides agents with the resources to organize leads and strategically pick homes for sale that will offer them the best commissions and incentives to make a sale.

Press esc to close
DevelopmentAngular

Home Search UI Development

I took the lead in developing the UI for the primary home search page for a homebuilder client based in Texas. The original provided designs were set to a 1920x1080 resolution so several on the fly tweaks and modifications had to be made to accommodate devices where the majority of users browse from, namely, mobile phones and smaller desktops. This site is an Angular application under the hood.

Visit Site

Press esc to close
DevelopmentAngular

BigEye Direct Website Development

Provided with a set of desktop designs, I built a fully responsive marketing site for a client.

Visit Site

Press esc to close
DesignSketch

TORSH Design System

While at TORSH, I identified the need for a scalable design library to address inconsistencies caused by the growing design team. By conducting a comprehensive UI teardown and organizing our components, I developed a design system based on Atomic Design principles, establishing consistent typography, color schemes, and reusable components. This design library helped save a ton of time designing in Sketch and gave our small team a consistent framework to build our designs.

Read More

Press esc to close

How Can I Help You?

Need help with a project? Here's where I'd love to help:

Front-End Development & CSS Architecture

I'll hop into your codebase and build out the design either you or I have designed.

Prototyping

Let's quickly find out what we need to build and cut the communication gaps between design and development.

Design Systems

A tidy design library is a happy design library. Whether your product is brand new or five years old, I'll break down your UI into a lightweight and scalable design system.

Still here? Why not share what's on rotation at home

dookie album cover ill-communication album cover london-calling album cover u2 album cover oasis album cover weezer album cover Sgt. Pepper album cover the 1975 album cover dookie album cover ill-communication album cover london-calling album cover u2 album cover