top of page

Todd Swepston
UX|UI Leader
Web, Mobile & Desktop Application Design
PORTFOLIO

Photo Gallery
This is the profile overview page for a social networking photo gallery application I worked on.

Nike Page Redesign
This is a page redesign for the Nike Air Max 270. I focused on cleaning up the page and keeping the core functionality that means the most to users. This is done with HTML 5 & Sass.

Food App
This web application started as a fun side project practice in usability design and turned into a commercial application. The web application stack is Mongo DB, Express.js, Angular, and Node.js.

Utility Manager
This is a dashboard for viewing electric, gas, and water for large buildings, facilities, apartments, and complexes. The web application stack is Mongo DB, Express.js, Angular, and Node.js.

PiLon
PiLon is a script deployment and tracking web application. PiLon is typically used on a desktop to monitor software development tasks deployed to large networks. It's also used to manage load balancing. The UI is responsive, so it's possible to monitor through mobile platforms. The web application stack is Mongo DB, Express.js, Angular, and Node.js. Code deployment modules were all Python 3.

My Process
I have a 5 step process for making applications that focus on making a prototype and testing with customers. It's kind of like fast-forwarding into the future so you can see how people react before you go through all of that time and expense of releasing a design to your customers and viewers. I work with my customers during this process to ensure customer delight and project success. For things that are more simple like websites, I make them fairly quickly with high quality so that I can iterate with customers quickly.

FDQ Business Advocates
This is a mobile web app design for FDQ Businss Advocates in Columbus, Ohio. I designed it in Figma and wrote the HTML & CSS for it.

Eogent Login Page
This is the login page for Eogent in Columbus, Ohio. I did the HTML & CSS with this after I designed it in Figma.

Hand Software
This was written as the main user interface for a software that helped a quadriplegic person move their hands again.

Clubman
Clubman is a Cordova App written with the MEAN stack that I worked on for a private golf club. This application helped players track time, score, and other reports on the course in real time.

School House
This is a low poly 3D model for a phone game. The game had a large environment that required several models of the same style for everything in a city. I directly referenced a concept artist's sketch and brought it into the 3D realm by modeling and texturing. This schoolhouse was my contribution to that game. I did the texturing, UV unwrapping and all other UE4 maps for our shaders.

Spaceship 3D Model
This is a model before texturing. I was building this for a space game. The next part of the low poly base mesh (in the image), is to create texture, normal, shadow, specular, and diffuse maps for real-time gaming.

Robin Hood
This is an example concept drawing that I make before doing 3D character modeling. Concept drawings act as the "blueprint".

My Head
I had a bunch of pictures taken of my head at different angles while I held still in 2012 at SIGGRAPH and they handed me a disc with this data on it. I just applied some materials to the mesh and rendered it. It was so cool (at the time) that. I just had to keep this as a self portrait.

Train Tunnel
This is a train tunnel that I constructed in Blender and built textures with GIMP.

Linux Workstation
This is my Ubuntu workstation for writing code.

Windows Workstation
This is my Windows workstation for doing 3D work.

Storyboard
This is a storyboard I created with a client before building the prototype.

Heads
I took pictures of some folks and generated some heads. Super creepy and fun!

House 3D Model
This is a house 3D model that was built and textured for a game.

3D Block Environment Model
This is a large scale block made for ancient ruins for a video game. It's extremely low poly made for real-time gaming. I did the modeling, UV mapping, Normals, AO map, etc. from scratch.
bottom of page