Hello? ×
Oh hey! John Henry Miller

Welcome!!

I’m Shaikh, designer & developer. Learn more about me!

Who are you? ×

My name is Shaikh Husnain.

I’m Shaikh Husnain, a web and app designer turned full-stack developer.

Over the years I’ve been called many things: web designer, graphic designer, frontend developer, backend developer, and everything in between. I bridge design and engineering to craft digital experiences that are both beautiful and functional.

Career Timeline

I’ve worked on brands, websites, apps, and design systems. To me, it’s all the same. It’s understanding the problem and finding a creative way to solve it.

Okay. But what do you do?
What do you do? ×

I am a designer and full stack developer.

I’m most useful on projects where strategy, user experience, and visual design come together with full-stack development to create perfected digital products

  • Design

    Strategy, experience, and visuals come together here. From asking the right questions to understanding users and crafting interfaces, I make sure every pixel and interaction has purpose.

  • Development

    Turning ideas into working products is where code meets creativity. Whether frontend or backend, I build applications that are fast, reliable, and scalable.

  • Deployment

    A product isn’t finished until it’s live. I handle the details that bring projects to the real world—launching, testing, and optimizing so everything runs smoothly.

Services

Here are the types of projects people hire me for:

Design Concept

This is the initial stage where the core idea, goals, target audience, and design direction of the app/website are defined and conceptualized.

Wireframing

Wireframes are basic visual layouts that represent the structure and flow of a design, focusing on functionality and user interaction without visual styling.

Prototyping

Prototypes add interactivity to wireframes, simulating user flow and allowing testing of navigation, usability, and functionality before moving to high-fidelity design.

Figma Design

In this final stage, detailed and styled UI designs are created in Figma, including typography, colors, components, and developer-ready assets for implementation.

Development Planning

This is a crucial phase where the appropriate technologies and programming languages are selected based on the project’s needs—such as whether it’s a web platform, mobile app, or both.

Timeline & Costing

Based on the finalized design and selected tech stack, the development team prepares a detailed timeline and cost estimate.

Development Phase (Coding)

Development begins in sprints or phases, depending on the chosen project management methodology (e.g., Agile, Scrum, or Waterfall).

Testing & QA (Quality Assurance)

Before launching the application undergoes comprehensive testing includes

  • Functional testing
  • Compatibility testing (across devices/browsers)
  • Security testing
  • Bug fixing

Deployment & Launch

After passing QA, the product is deployed to a live environment (App Store, Google Play, or web hosting server). The launch is often supported with basic user training or onboarding guides.

Got it. But what have you done?
What have you done? ×

Here are some things I designed.

This is a collection of projects from over the years that I think turned out pretty nice. Maybe you’ll like them, too.

PetFriendly

Banana Boat

PetFriendly

Mind Inventions

PetFriendly

Two Sense Web App

PetFriendly

Two Sense Mobile App

PetFriendly

Living Corporate

PetFriendly

Warrior Babe Mobile App

Huh. Can I ask other questions?
Can I ask other questions? ×

Ask me anything!

I gathered up a bunch of questions people sometimes ask me and wrote answers to them. If you think up one I missed, please let me know.

Design FAQ's

What types of design services do you offer?

I provide branding, UI/UX design, graphic design, and marketing collateral design tailored to your business needs.

Can you create a custom brand identity for my business?

Yes, I design complete brand identities including logos, color palettes, typography, and style guides to ensure consistency across all platforms.

How do you ensure my design reflects my brand values?

I start with a discovery session to understand your goals, target audience, and brand voice before creating concepts that align with your vision.

Do you offer revisions on design projects?

Yes, all design packages include a set number of revisions to make sure the final result matches your expectations.

Which tools do you use for design?

I primarily use Adobe Creative Suite (Photoshop, Illustrator, XD), Figma, and Canva depending on the project’s requirements.

Web Development FAQ's

What kind of websites do you build?

I build business websites, e-commerce stores, personal portfolios, landing pages, and custom solutions based on client requirements.

Do you use WordPress, or do you code from scratch?

I work with WordPress and custom development using HTML, CSS, JavaScript, and frameworks like React depending on what best suits your project.

Will my website be mobile-friendly?

Absolutely. All websites I build are responsive and optimized for mobile, tablet, and desktop devices.

Can you help with website maintenance after launch?

Yes, I offer ongoing support, updates, and performance optimization to keep your website running smoothly.

Do you provide SEO-friendly websites?

Yes, I implement clean code, optimized structure, and SEO best practices to improve your site’s search engine visibility.

App Development FAQ's

Do you develop both iOS and Android apps?

Yes, I build cross-platform apps using frameworks like Flutter and React Native, as well as native apps for iOS and Android.

Can you turn my website into a mobile app?

Yes, I can convert your existing website into a fully functional mobile app with additional features if needed.

How do you ensure app performance and security?

I follow best coding practices, optimize performance, and integrate secure authentication methods to protect user data.

Do you provide app updates and maintenance?

Yes, I offer post-launch support, bug fixes, and feature updates to keep your app running smoothly.

Can you integrate third-party APIs or services in apps?

Absolutely. I can integrate payment gateways, social logins, analytics, and other APIs to enhance app functionality.

Okay! How about we work together?
How about we work together? ×

Let’s go!

I hope I did a satisfactory job of answering all your questions about me. And maybe you have a project in mind for us to collaborate on.

Either way, feel free to email, call, or text me. I love making new friends.

Or better yet!
How about a quick meeting?

Yeah! Let’s meet!
◡̈×
PetFriendly Brand PetFriendly Brand

PetFriendly Brand

PetFriendly is a subscription box for pet wellness. I helped bring the brand to life, from the website and emails to packaging and product design. I loved working on a consumer brand where we could influence every step of the customer journey.

Identity Update
PetFriendly Brand

Identity Update

The original PetFriendly logo (back when it was “Pet Friendly Direct”) needed a little polish for a consumer audience. I kept the cheerful essence of the “smiley pet” and made things feel just a bit … friendlier.

Illustration Style
PetFriendly Brand

Illustration Style

Squiggles, wiggles, loops, and poops. Our illustration style embraces the joyful chaos of pet life, with a nod to the “smiley pet” playful line art style.

Lifestyle Imagery
PetFriendly Brand

Lifestyle Imagery

High-quality lifestyle photography helps express the emotional connection between pets and their humans, an essential part of the brand. Plus! We got to work with my brother, Daniel Muller.

Color System
PetFriendly Brand

Color System

I created a vibrant color palette so designs always felt fresh, friendly, and full of life. Our robust guidelines kept things from going totally off the rails.

Physical Products
PetFriendly Brand

Physical Products

As someone who came up through digital, bringing whimsy and interactivity into physical products has been a personal joy.

Product Family
PetFriendly Brand

Product Family

We created a family of product brands, each with its own personality, but all sharing a friendly aesthetic and illustration style that echoed the “smiley pet” style.

PetFriends
PetFriendly Brand

PetFriends

While I led brand execution, every human at PetFriendly contributed in their own special way. Especially: Bryan North, Jocelyn Stange, Meg McMolnau, Olivia Washburn, Emily Raabe, Andrew Kerr, Kate Makowski, and Kara Bernbeck.

Quote from Aaron Shaddy
PetFriendly Brand

Building PetFriendly

Building the PetFriendly brand has been one of the most rewarding collaborations of my career. From strategy to squiggles, it was a chance to help shape something meaningful, joyful, and expansive. I got to work alongside some of the best humans out there (and their pets).

See how I helped Quantum Workplace make Best Places to Work a little better.
◡̈×
BPTW Visiontype BPTW Visiontype

Best Places to Work™ Visiontype

Best Places to Work™, powered by Quantum Workplace, is a nationwide program that celebrates standout workplace cultures through confidential employee surveys.

After nearly 20 years of success as the first contest of its kind, the program was ready for a fresh perspective to re-imagine the experience.

Looking for Trouble
BPTW Visiontype

Looking for Trouble

Quantum Workplace partnered with me to identify friction points in the program and create a “visiontype” for how it might be re-imagined.

We started by digging deep into how the complex program worked across contest partners, participating workplaces, survey takers, and Quantum Workplace.

Storm After Storm
BPTW Visiontype

Storm After Storm

Using the conversion funnel as our guide, I worked closely with the BPTW program team through rapid iteration cycles. We prioritized problems, brainstormed potential solutions, presented high-level concepts, gathered feedback, repeat.

Slippery Slide
BPTW Visiontype

Slippery Slide

After weeks of collaboration, we had a trove of problems and ideas, both big and small. I pulled everything into a tidy 164-slide presentation. This “visiontype” was a cross between a product vision and a prototype that followed personas through using the re-imagined product.

A Shared Visiontype
BPTW Visiontype

A Shared Visiontype

The visiontype told a story that resonated with the program team, product team, and business stakeholders, bringing everyone to the same table with a clearer picture of the opportunity ahead. It gave these groups a shared customer journey and a common lens to evaluate ideas, align on priorities, and imagine what the future could look like.

Medium Fidelity Mockups
BPTW Visiontype

Pretty, Good

People tend to respond more thoughtfully to high-level concepts with a bit of visual polish (even if they’re not entirely accurate) compared to a bunch rectangles in a wireframe. A little fidelity goes a long way in helping others imagine the intent and offer more meaningful feedback.

It had its Qwirks
BPTW Visiontype

A Few Qwirks

There were so many amazing Quantum Workplace employees (aka “Qwirks”) involved making this ambitious project come together, especially: Phil Haussler, Kelly Fogus, Cassie Neary, Kristin Pikop, Frances Cooper, Natalie Wickham, and Jarrod Wubbels.

Quote from Phil Haussler
BPTW Visiontype

Creating Space for New Ideas

A lot of product design, especially when improving a battle-tested solution, is about bringing people along. Collective buy-in is important, but even more valuable is all the information people bring from years of insights that can contribute to the end result.

The trick is, to create an environment that allows people to break out of their informed biases so they can imagine and play in a world that looks a little different.

See how I helped Hudl get Uniform.
◡̈×
Uniform Design System Uniform Design System

Uniform Design System

I was hired at Hudl to establish a design language to unify the product and brand. On this product side, the meant working with a team to build a design system. On day one, I named it: “Uniform.”

Audit
Uniform Design System

Audit

We started by stepping back to look at Hudl’s sprawling UI. We wallpapered an entire conference room in Hudl Omaha to collect feedback. This helped us to identify patterns we wanted to keep and ones we wanted to refine.

Who’s got the button?
Uniform Design System

Who’s got the button?

After over a decade of rapidly building user-centered software by autonomous teams, some design entropy had crept in. The user journey had become embarrassingly fragmented.

Thinking About Feelings
Uniform Design System

Thinking About Feelings

We had the responsibility (and luxury) of defining and reshaping the product’s look and feel. We defined a set of brand attributes to guide us: Smart, Reliable, Understated, Confident. But we wanted it to feel like a game day uniform: fresh, clean, and charged with quiet intensity.

In Sync
Uniform Design System

In Sync

With more than 30 opinionated product and brand designers, buy-in and clear communication were essential. I kept an internal blog to share early thinking, gather feedback, explain the reasoning behind decisions, and set expectations for what was to come.

Native Typography
Uniform Design System

Native Typography

Early on, we decided sticking with system fonts would reduce technical dependances and allow Hudl to feel native on every platform. That meant that other visual attributes (especially color) had to carry the workload to make things feel like Hudl.

Orange Means Go
Uniform Design System

Orange Means Go

With few established guidelines, Hudl’s primary brand color (orange) had become overused in the product. This created two issues: 1) confusion, since orange often signals a warning, and 2) reduced impact when representing the brand. Sitting between brand and product, I was in the unique postion to guide this type of decision to lead to a more cohesive customer experience.

Color System
Uniform Design System

Color System

We built a structured system to ensure color consistency across the product. Each color was given a clear, semantic name to guide correct usage. Appropriate contrast ratios were baked in from the start, ensuring accessibility standards. This let designers move fast and focus on solving meaningful user problems, without second guesses.

Next Level
Uniform Design System

Next Level

We created a layout system built on stacked “levels” to bring structure and depth to both light and dark environments. Subtle color blocking established clear visual hierarchy while reinforcing a consistent, cohesive UI aesthetic.

Iconography
Uniform Design System

Iconic

We overhauled every icon to read clearly at small sizes with a simalar aethetic. Pixel-aligned edges ensured they crisp on standard-resolution screens.

Documentation
Uniform Design System

Documentation

We wrote deep, clear documentation to support both designers and engineers with using guidelines, patterns, and components. We made the whole thing public at uniform.hudl.com to let the rest of the world see how we were building.

Hudl up!
Uniform Design System

Hudl up!

So many Hudlies contributed to Uniform. It took buy-in from company leadership, and feedback and contributions from so many designers, especially: Murph, Fook, Miranda, APane, Kels, Grant, NickA, Brew2, Levi, and CZ.

~
Uniform Design System

Hudl Uniform Pride

My dad, a high school coach, was an early Hudl user. I’m proud my work here is part of helping athletes and teams for years to come.

I’ve designed few logos in my time.
See some of my favorites.
◡̈×
Logos Logos

Logos

I don’t fancy myself a “logo designer,” but I’ve made my fair share. Boiling a brand down to simple, distinctive shapes and characters is a solid test of creativity and craft. Here are some of my favorites.

Arbor Aesthetics
Logos

Arbor Aesthetics

Arbor Aesthetics is a high-end tree care company based in Omaha, Nebraska. The logo needed to reflect founder Jeff Grewe’s vision for a business rooted in care and beauty. The mirrored lowercase “a”s form a beautiful symmetrical tree.

PoweredBy
Logos

PoweredBy

Proxibid wanted to transform their industry-leading infrastructure into an online auction SaaS platform: “Powered by Proxibid.” The PoweredBy brand needed to feel strong, reliable, and powerful. The chonky lightning bolt “P” delivered exactly that.

Cariant
Logos

Cariant

Cariant is a travel nurse placement agency. The goal was to make it feel modern and fresh to attract young nurses ready for adventure. The arrow represents moving forward. A new location. A new opportunity.

Goodlight
Logos

Goodlight

Goodlight is a photo booth rental service for parties and gettogethers. Playing into the idea of “light”, the icon is both a “G” and a prism with light beaming from the side, a la Dark Side of the Moon.

Pack
Logos

Pack

Pack was a social network for people who love their dogs. We wanted the logo to be bold and confident in a sea of kitschy paw prints. In different contexts, the dog silhouette rotated between breeds to reflect different “packs”.

Verdis Group
Logos

Verdis Group

Verdis Group is a certified B Corp focused on sustainability and climate action. Founders Craig Moody and Daniel Lawse wanted a mark that was clearly “green” but not cliché. The leaf form hints at a “v” with fresh and modern look.

Mellow
Logos

Mellow

Mellow is a line of calming products for cats and dogs, made by PetFriendly. The logo fits into the PetFriendly product family with the “smiley pet” illustrative style but has its own relaxed personality. Both serene yet playful.

PetFriendly
Logos

PetFriendly

The PetFriendly logo was a redesign of the original mark. The “smiley pet” brings forward the cheerfulness of the brand’s original mark but with the polish ready for a DTC market.

Standard
Logos

Standard

Standard Custody & Trust Company provides secure digital asset custody. They operate in a world of crypto, regulation, and institutional finance. The logo needed to convey strength, protection, and legitimacy. The bold “S” hints at a vault unlocking. Stability built in.

Bergman
Logos

Bergman

Bergman makes branded goods for organizations across North America. Founded in 1888, the company needed a modern mark that honored its legacy, and looked good on a fleece vest. The abstract shape nods to their original wax-stamp logo and the physical products they adorn: “We help brands take shape.”

~
Logos

Go Logo Go!

A logo isn’t the whole brand, but it’s an important piece. It sets the tone. A chance to say something simple, clear, and lasting. I’m grateful to those who’ve trusted me to help shape their identity.

Welp. *slaps knees*
Unless you have other questions …