builder
thinker
designer
Projects
3D Floor Plans
live site
Process
Tasked with finding an elegant solution for showcasing our floor plans as interactive 3D models, I led the project from concept through development.
Research
I analyzed local apartment community websites that featured 3D floor plans to identify effective UI patterns, navigation systems, and presentation styles.
Wireframes & Mockups
I designed five unique layout concepts for both desktop and mobile, then presented them to management to determine the strongest user experience and visual direction.
Plugin Development
Using PHP, JavaScript, and AJAX, I developed a fully responsive custom WordPress plugin that displays the 3D floor plans efficiently without negatively impacting Google PageSpeed performance.
SLC Gallery
live site
Project Description
Problem: The gallery displayed well on desktop, but on mobile devices the images stacked vertically, creating excessive scrolling and a poor user experience.
Solution: Develop a responsive gallery system that automatically converts into a carousel on smaller screens to preserve vertical space and improve usability.
Features
- Custom admin interface for managing galleries and images
- Adjustable mobile breakpoint settings
- Custom alt text support for accessibility and SEO
- Gallery settings stored in the WordPress database
- Frontend display using a shortcode
- Powered by Glide.js for lightweight performance
How It Works
Users create and manage galleries directly from the WordPress admin panel. Gallery images, settings, and metadata are stored in the database. To display a gallery on the frontend, users simply insert the [SLC_Gallery] shortcode. The plugin dynamically retrieves the gallery data, loads the required scripts and styles, and renders a fully responsive gallery or carousel depending on the screen size.