Department Page for Refrigeration Manufacturer
Static HTML Department Intranet Page
Kimberly Rosenberry
Frontend Developer • Systems Analyst • Technical Writer • UX Collaborator
Who Am I?
A Senior UX Engineer who's been building for the web since the internet was full of animated GIFs.
These days it's Drupal, JS, decoupled stacks and whatever new thing everyone is talking about (*cough cough, AI)
What is this site?
It's my own personal Way Back Machine. A slightly nostalgic, slightly sarcastic tour through decades of web development.
Because if you didn't save screenshots of the things you built, did they really happen?
History
25+ years of it.
Scroll, please. I have evidence.
The internet keeps receipts. And so do I.
Where it all started: an intranet page ~year 2000
My first step into web development was building a department page for the refrigeration company where I worked around the year 2000. It was simple HTML, a few images and an enthusiastic attempt to make the page feel “on theme” by adding snow in the background.
Refrigeration. Get it?
The resolution of this screenshot: courtesy of the year 2000.
- HTML
My own web development business in 2002
I knew HTML. How hard could running a business be?
2002 was a year of taking big leaps and starting my own web development company. I built the website, created the branding and even printed business cards to make it official. The logo has a spider web. Because... the web.
Confidence: 100%. Business plan: questionable.
- HTML
- CSS
- UX/UI Design
- Content Creation, Copywriting
My Web Development Business Site
Static HTML site for my personal web development business.
The client websites 2003-2004
These client sites were built during the time of table layouts, graphical navigation and “what if this text was also an image?” design decisions. The sites were simple and very much matched the early-2000s internet vibe.
Consistency was a suggestion, and the spacing system was hope.
- HTML
- CSS
- UX/UI Design
- Vanilla JS
- Content Creation, Copywriting
Sign Making Business Website
Static HTML site for local sign making business
1 / 5
My first e-commerce site 2005
This was the era when hosting companies started saying “hey, anyone can build a website now.”
Using an early Do-It-Yourself site builder and (possibly?) WordPress on the backend, I created this small online store for skincare products. I handled product photography, image touch-ups and payment integration with PayPal which, at the time, was the obvious answer for small online businesses.
Bold AND italic, making a confident statement.
- UX/UI Design
- Photoshop
- CSS
- Paypal API
E-commence Skincare Products Website
A small e-commerce site for herbal skincare products.
Early Drupal Sites 2008-2012
Drupal was my first big shift away from static HTML. I started building with a CMS that could actually do some of the work for me.
These sites relied on contributed themes to move quickly, and, wow, did it ever feel amazing to change the theme color and call it "branding".
Blue, green, or yellow. Design system complete.
- Drupal
- Twig
- CSS
- PHP
Orientation Website
Drupal 7 Site for New Employee Orientation
1 / 2
Phonebook cover design 2010
Not exactly for the web, but in 2010 I designed the cover for a church phone directory using Photoshop. The design featured a dozen or so portraits of churchgoers arranged like jigsaw puzzle pieces, creating a playful, connected collage.
Physical phone book. Landlines. A simpler era.
- Photoshop
- Design for Print
Church Phone Directory Cover
Design for printed phone directory cover
Advocating for other devs 2009-2018
I started a tech blog to document the Drupal and frontend problems I was solving and share those lessons with other developers. And when responsive design arrived, I built a training tool to help people figure out this “new” way of building websites.
Parts of the blog and training tool still exist. Which is either impressive or hilarious.
Once helpful resources. Now historical artifacts with excellent nostalgia value.
- Technical Writing
- Developer Advocacy
- Content Creation, Copywriting
- CSS
- HTML
Writing Archive
A collection of old tech posts
1 / 2
Creative ranting in 2013
My 2013 WordPress creative blog was a combo of music reviews, outdoor stories, personal essays and random musings. The blog is gone, but the screenshot survives to remind us that Photoshop can turn your hair into a weird collage of waves, vines and musical notes.
Total creative chaos.
- Photoshop
- Wordpress
- Creative Writing
- Content Creation, Copywriting
Creative Writing Blog
Creative Writing Blog built in WordPress
Promotional Ad Designs 2013
At the healthcare organization I worked for, every internal event was promoted with a custom advertisement on the company intranet. Each one was carefully designed in Photoshop, a shocking amount of effort for a graphic that ended up around 500px wide on the homepage.
A time of experimental fonts. Accessibility, what??
- Photoshop
Connect in New Ways Promo
Promotional/Advertisement designs to attract attendees to technology seminars
1 / 2
That one Mobile App in 2016
My one and only venture into mobile app development. I designed the UX/UI and built the app using MobileSmith, a platform advertised as “no code” which actually meant “some code, if we're being honest.”
The app stores were involved. Therefore, it was a real app. But it was mostly a very fancy shortcut menu.
Back when every company needed an app. For reasons.
- Android Studio
- UX/UI Design
- Photoshop
- Rest API
Healthcare Mobile App
Healthcare Mobile app for Android and iOS
The responsive Drupal 7 era 2013-2018
And suddenly, every website had to look good on a phone. What.
Between 2013–2018 I built responsive Drupal 7 websites with clean, modern themes that could still hold their own today.
As was popular to say back then, these were built with “HTML5 and CSS3”.
So. Many. Carousels.
- Drupal
- CSS
- PHP
- Twig
- Rest API
- Paypal API
- UX/UI Design
- Photoshop
Cloud Document Sharing Solution with Drupal
Drupal 7 Site for securely sharing sensitive documents with external teams
1 / 6
Supporting the architecture 2015-2019
From 2015–2019 I wore many hats beyond web development, including dev-ops tasks like Linux server upgrades, database migrations, and application replacements. These projects were incredibly intensive, often tedious but necessary. Because nobody notices infrastructure. Until they do.
Welcome to the glamorous life of enterprise web ops.
- Apache
- MySQL
- Java
- SQL Server
- Drupal
- PHP
- CSS
- Paypal API
- Sharepoint
Red Hat Linux Server Upgrade
Upgrade multiple Red Hat Linux Servers to latest version
1 / 4
The Custom Portal Era 2017-2018
Sometimes you don’t get to replace the old system. Sometimes you put a shiny new frontend on it, and pretend everything is fine.
The apps that collected other apps
- Sharepoint
- CSS
- UX/UI Design
- PHP
- Illustrator
Custom Front-end for Sharepoint
Custom Front-end for Sharepoint
1 / 2
Solving Problems with Drupal 8 in 2018
At some point, every enterprise org has a “Java app for that” phase. After nearly a decade of development, our company had a lot of Java applications doing variations of the same thing.
Together with a team of developers, I replaced 40 of them with a single Drupal 8 site for managing time-off requests.
Java, we hardly knew ye.
- Drupal
- PHP
- Twig
- CSS
- Technical Writing
Time Off Request and Tracking System
Replace Java-based apps with Drupal 8 solution.
React walked into a bar
In 2019, I ended my 16 year career in healthcare IT and began working for a digital agency. I met React and static site generators like Gatsby and Next.
My hobby wine-making site became a playground to experiment with components and modern frontend tooling in a real project I could share publicly.
React + wine = interactive fermentation.
- React
- Drupal
- Dato CMS
- Creative Writing
- Content Creation, Copywriting
- UX/UI Design
- CSS
Red Brick Manor Wines
A personal, hobby wine-making site
Seven Components Later...
It seemed like a great idea. Build a reusable component library, document everything beautifully, and use it on future projects.
Seven components later, I found that component libraries are less of a side hussle and more of a lifestyle.
It's still open source. You're welcome.
- React
- CSS
- HTML
- Gatsby
My Component Library
A small component library built with big ambitions