Scope
Full Stack Development,
UX/UI,
Web Design
WEB APP, E-COMMERCE
2024
NQ Hardware
and General Enterprise
To comply with my non-disclosure agreement, I have omitted and obfuscated confidential information in this case study. All information in this case study is my own and does not necessarily reflect the views of NQ Hardware and General Enterprise.
Summary
NQ Hardware and General Enterprise is a project aimed at enhancing the store's operations and customer engagement through a full-stack web application. This app serves as a vital tool for managing stock prices, sales, and inventory, ensuring that the store maintains an efficient and competitive edge. What you see here is a modified clone of the site, for the purpose of this case study.
Beyond traditional retail functions, the application offers a dedicated portal tailored for customers in the general enterprise sector. This portal enables users to monitor shipments for construction materials, coordinate with contractors, rent tools, and arrange for installation services—all within a streamlined interface.
A key feature of the app is its user tier system, which assigns different access levels for store employees and administrators, safeguarding the integrity of the store's operations. The front-end is developed using React TypeScript, providing a responsive and user-friendly interface, while the backend, built with Express.js and MySQL, ensures robust data management.
This project demonstrates my ability to develop practical, scalable solutions that meet the complex needs of businesses, supporting their growth in an increasingly digital marketplace.
Shop: Main fold.
Designed the main fold to prominently feature key categories and personalized suggestions, optimizing user engagement and enhancing the shopping experience through strategic placement and intuitive design.
Shop: Scrolled down.
Designed the shop page to prioritize seamless navigation with versatile filtering options, including a dropdown and a left column filter. These features allow users to refine their shopping experience effortlessly, enabling them to quickly find the items that match their preferences through intuitive and strategic filtering design.
Item View & Cart.
Built an item page that shows all the essential details—pricing, ratings, descriptions, and more. You can easily add items to your cart or wishlist, adjust quantities, and see what's in your cart at a glance. Thanks to smooth API calls, everything updates in real-time, making the shopping process quick and hassle-free.
Role-Based Access Control: Editing an item.
Showcasing the super or admin view of NQ Hardware's role-based access control web app. This interface allows employees and store owner to efficiently manage and edit inventory items, offering comprehensive control over key details such as pricing, stock levels, descriptions, and more. The design ensures a streamlined and intuitive experience, tailored for effective inventory management within a dynamic retail environment.
Quick Tour: Explore the NQ Hardware site in action.
WEBSITE
2023
Designrun Group
To comply with my non-disclosure agreement, I have omitted and obfuscated confidential information in this case study. All information in this case study is my own and does not necessarily reflect the views of DesignRun Group.
Summary
Designrun Group is a mission-driven venture studio transforming healthcare through innovative solutions for underserved communities. By putting people first, we create lasting positive change that builds more resilient, equitable, and healthier communities.
The website's design mirrors this revolutionary spirit through an unconventional and striking user interface. We pushed creative boundaries while maintaining intuitive navigation - creating unexpected interactions and visual treatments that reflect the company's dedication to reimagining what's possible in healthcare.
The result is a digital experience as transformative as Designrun Group's mission itself. Progressive animations, experimental layouts and cutting-edge design elements work in harmony to tell the story of how we're revolutionizing healthcare access and delivery, while keeping the human experience front and center.
Wordmark.
A dynamic wordmark that expertly balances professionalism and creativity, shifting tones between bold black and vibrant color to embody the essence of DesignRun Group.
Dual-view interactive slider.
Explore the interactive dual-view slider, where content shifts dynamically between two dimensions. Sliding left or right reveals interconnected narratives, illustrating how DesignRun Group's design seamlessly integrates multiple perspectives into a cohesive user experience.
Experience the bold, innovative design of the DesignRun Group site in action.
User-Driven Service Platform
2021
We Are Here
To comply with my non-disclosure agreement, I have omitted and obfuscated confidential information in this case study. All information in this case study is my own and does not necessarily reflect the views of We Are Here.
Summary
We Are Here is a healthcare startup that provides resources and support to individuals affected by cancer. The project involved the development of a professional website that offered a minimalist design, smooth user experience, and secure payment transactions.
The website was built using Webflow for HTML, CSS, and JavaScript, a content management system (CMS) for ease of maintenance, and domain hosting for reliable access. The backend was automated using Zapier and payment transactions were handled using the Stripe API.
The end result was a successful website that met the client's needs and aimed to have a positive impact on those affected by cancer.
A clean, streamlined website with Stripe payment integration, HubSpot management, and a prototyped member portal for core features.
Scope
Art Direction,
UX/UI,
Web Design,
Front-End Development
WEBSITE
2019
Designrun.org
To comply with my non-disclosure agreement, I have omitted and obfuscated confidential information in this case study. All information in this case study is my own and does not necessarily reflect the views of Designrun.org.
Summary
Designrun.org is a healthcare startup and non-profit organization that aims to establish a strong brand identity and digital presence to reach its target audience of current and future investors, clients, and partners.
The challenge was to create a minimalist and subtle brand identity, user-friendly interface, and smooth user experience with limited resources and time. The power of simplicity shines through in the final design - clean typography, thoughtful white space, and intuitive navigation work together to create an elegant yet highly functional experience. Despite resource constraints, the website's refined aesthetic and seamless interactions effectively communicate the company's mission while demonstrating that great design doesn't have to be complex to make an impact.
Screen Shot
A glimpse of DesignRun.org’s website: Highlighting the strategic layout, refined typography, and cohesive color palette that together create a seamless and engaging user experience.
Brand Guide
DesignRun.org's brand guide: Showcasing the carefully selected typography, color palette, and wordmark that define the brand’s minimalist and impactful visual identity.
Explore DesignRun.org’s minimalist design, thoughtful typography, and strategic layout, all crafted to communicate the brand’s mission.
Scope
UX/UI,
Graphic Design
WEB APP
2019
Spanning Cloud Apps
To comply with my non-disclosure agreement, I have omitted and obfuscated confidential information in this case study. All information in this case study is my own and does not necessarily reflect the views of Spanning Cloud Apps.
Summary
Spanning Cloud Apps is a SaaS solution that provides data protection for Microsoft 365, G Suite, and Salesforce, empowering administrators and users to restore lost data with ease.
As part of an agile design team, I contributed to the development of new features across all Spanning products. Our team follows an iterative approach, releasing new features in small chunks and typically completing each block within two weeks. This case study showcases the type of work I was involved in while working with the Spanning Cloud Apps team.
Dashboard
Spanning Cloud Apps dashboard: Designed for intuitive navigation, with customizable widgets that highlight key information and data, empowering users to prioritize and manage resources efficiently based on their unique needs.
Daily Email Summary
Daily email backup summary: Delivered in a clean, well-organized format, this summary provides users with a clear and concise overview of their backup status. The design ensures that essential information is easily accessible, allowing users to quickly grasp the health of their data backups. With a focus on clarity and usability, this summary helps users stay informed and confident in the security of their critical data.
Explore Spanning Cloud Apps for Office 360—watch as a user navigates backup, restoration, file management, and activity tracking, showcasing the platform’s robust functionality.
I'm Glenn.
I'm a designer and engineer based in Austin Texas. I have a unique blend of skills that includes visual communication, mechatronics engineering, UX & UI design, and full stack web developer. I also have a strong background in fine arts.
When I'm not working, I enjoy spending time outdoors and pursuing my passions. Whether it's camping withmy friends and my dog Alfie, building and flying drones, riding motorcycles, making art, or working on exciting projects, I always find a way to stay engaged and challenged.
I'm always looking for opportunities to connect and collaborate, so feel free to get in touch if you'd like to chat. Let's see what we can create together!
A Honda engine I modeled in Fusion 360, textured, animated and rendered in Blender. Used for AI machine vision training.
ComfyUI generated image of crashing waves.
Interface screenshots from "Dnd 5e Player AIO" - a React Native mobile application developed and published on the App Store and Google Play Store, designed to streamline D&D 5e gameplay.
Custom-designed UAV prototype that I developed in Fusion 360, fabricated, and flight tested for autonomous operations with Air Force Special Operations Command. I conducted the field testing in Dripping Springs, Texas.
%20v70-JIX3cAnX.png)
A house frame I designed and engineered in Fusion 360. Built in real life using coco lumber, mahogany and pine.
Midjourney generated image of clouds and distant mountains.
A typographic tribute to Seaholm Power Plant's transformation from industrial landmark to a vibrant mixed-use destination.
White Sands National Monument, New Mexico. Taken with my iPhone 14 Pro Max.
My dog Alfie, my best friend.
