why shepx designs websites for desktop first

Why We Design Websites for Desktop First

shepx assumes that many websites we build are going to be viewed on a mobile device first.
Despite that, we design every website as a desktop-first experience.

That may seem counterintuitive, but desktop-first design sets the foundation for the most effective user experience across all platforms – desktop, tablet, and phone.

There are three reasons why this process is not just strategic, but essential for many of our projects.

Designing for More Complex Challenges First

Desktop design is a more complex puzzle than mobile design. Phones and tablets are naturally limited by their screen size. On a desktop, the space is larger, and that means more intricacy in guiding the user’s eyes through the experience.

Think of desktop design as laying out the feng shui of a large room.

When you have a large room, it takes more effort to design a flow that both looks great and feels natural to navigate.

If you can nail the design for a large, open space, arranging for mobile becomes simpler. It’s far easier to scale down than to try and blow up a mobile design into something that works on a widescreen monitor.

Desktop design solves a website’s biggest challenge first so every version of the site is polished and professional.

Catering to B2B Users

If you’re a B2C brand, mobile is king. But for B2B websites, the desktop still rules the office.

shepx designs for a lot of B2B brands where customers visit websites during the workday from laptops and desktops. These websites often need to present detailed information about a product or service with complex specs, multi-layered navigation, and extensive dashboards.

Designing these features for desktop first aligns the website environment with these customers’ behaviors and expectations.

That’s not to say B2B mobile users aren’t growing in number – they are, and mobile design remains ever-important. But a significant portion of B2B buyers are still sitting at a desk, working on a computer. Desktop-first design meets them where they are.

Optimizing for Rich Features

The third reason we design desktop-first is simple: many features just work better there.

Take videos, for example. On mobile, many browsers block auto-play. If video is an important element of communicating how your product or service works, customers lose that brand experience on their phones and tablets.

Other elements, like complex dashboards and high-resolution images, are better suited for the wider canvases of a desktop. Mobile screen size limits not just the space you have to use features, but how you can use those features effectively.

Even tech giants like Google recognize this – they limit the number of features you can interact with on their mobile products compared to their desktop products.

By starting with desktop, we design with the full array of rich features available to users. Then, we scale them down for mobile, rearranging what works while respecting the limitations of smaller screens.

Scaling Down For Greater Success

At the end of the day, desktop-first design is about strategy. Scaling down a desktop website to its mobile experience is the most efficient way to create a website that converts visitors into customers.

It’s not about chasing trends or picking sides in the desktop vs. mobile debate. It’s about solving the biggest challenge first. The result is a website that looks great, functions seamlessly, and serves every user.

Want a better website that works across every device? Start with the biggest canvas. Reach out to shepx, and we can help create a design that works everywhere your audience is.

Continue reading

Is the WordPress Drama a Gift in Disguise?

more plugins = more risk

case study for

jm burns steel supply

objective

The brand specializes in sourcing carbon based coil and sheet stock, and process all material at ISO certified processors prior to delivery. 

customer persona

buyers

Steel suppy is a business of relationships and jm burns steel supply wanted the website to give buyers a sense of the competency and personality they will be working with.

our role

timing

specs

“Dan and his team were great to work with. They were patient, insightful, and very creative in helping to achieve a more modern, and user friendly website that reaches a further base then the last web site. I highly recommend Dan!”

JUSTIN ROBBINS – CEO, JM BURNS STEEL SUPPLY

case study for

diversified steel trading

objective

Showcase a woman-owned steel trading business that has carved out a reputation of quality service.

customer persona

buyers

Steel trading is a business of relationships and DST wanted the website to give buyers a sense of the competency and personality they will be working with.

customer persona

credential agencies

As a woman-owned business, DST wanted the website to showcase the credentials awarded and by doing so, show new credentialing agencies of the brand’s trustworthy nature.

our role

timing

specs

“jane, the owner, has created a brand that is a force to be reckoned with in a heavily male-dominated industry. crafting her brand’s website was a true honor to see come to life.”

dan crask – shepx

case study for

benanova

objective

the website needed to be the handshake between academic scientific innovation and the capitalism marketplace. 

customer persona

investors

As a startup, BENANOVA needs investors. Investors want a website that showcases the brand’s expertise and reason to invest.

customer persona

Buyers/procurement

Benanova’s offerings are very niche and it was important that their solutions be attractive to the niche buyers who are looking for what they create.

our role

ux and ui design customer personas website development

timing

design: 4 weeks development: 3 weeks

specs

mobile, desktop, and tablet design wordpress optimized for speed and security

“building the benanova brand was rewarding because we were entrusted to first craft their visual brand identity and then apply it to a robust website.”

dan crask – shepx

case study for

half day cafe

objective

To eat at the half-day Cafe is a vibe unto itself. The goal was to give website visitors an experience consistent with what they’ll get during their meal.

customer persona

locals

The people of Cincinnati live and support their vast number of independent restaurants like Half Day Cafe.

customer persona

visitors

Those visiting Cincinnati either know in advance or find out quickly of the great food scene. Discovering new independent restaurants is a priority for them.

our role

timing

specs

“we have had the great honor of building, growing, and protecting the half day cafe website since 2008. the honor is double because their food is incredible!”

DANIEL CRASK – SHEPX

case study for

berkshire advisor resource

objective

create a website that insurance professionals in need of specific data via forms can access quickly and easily.

customer persona

insurance professional

berkshire advisor resource is a specific insurance professionals’ go-to resource for help, so long as all of the information is provided efficiently. this puts a lot of emphasis on how customers interact with the website.

customer persona

data specialist

the data the insurance professionals provide has to be accessible in a way that is not a time-drain on the overall process so that the specialists can get the data in the right hands.

customer persona

berkshire staff

berkshire staff need a website that is a living, breathing tool between their customers and the valuable information they rely on. everything hinges on how well the website can collect and provide data.

our role

timing

specs

“They key to success with the Berkshire website was in the design of the forms. We did a deep dive into their forms and redesigned their flow for the most efficiency for everyone.”

DANIEL CRASK – SHEPX

case study for

simple fix handyman

objective

Resonate with homeowners who do not enjoy the required maintenance for their home.

customer persona

home owner

homes require on-going maintenance to prevent costly repairs, yet many homeowners are either uninterested or unaware of every point of maintenance a home needs. simple fix handyman is a handyman service designed to make home maintenance easy and affordable for home owners.

customer persona

property owner

property owners are all too familiar with the many needs for maintenance that their properties require. simple fix handyman is a service for property owners to outsource those needs so property owners have one less thing to take care of.

our role

timing

specs

“I have never had anything less than an extraordinary experience. shepx are phenomenal. I will never work with anyone else when it comes to building a website!”

Adam Markesbery –  Simple fix handyman

case study for

propsera it

objective

create a website that sums up the it services prospera provides while also making access to support easy.

customer persona

SMB

This customer is an SMB that is big enough to require dedicated IT but doesn’t want to have an in-house team. They want an IT team on-call to take care of what they need and on the lookout for what is coming.

customer persona

Business owner

Business owners who see the need and value of a prospera’s quality are people who have tried to manage IT themselves but found out it is very challenging. They need to see expertise in a short period of time.

our role

timing

specs

“prospera went from an underperforming website with a lot of pages to a single-page website that surpassed expectations because we took time to understand what prospera’s customers would find most valuable from their website.”

DANIEL CRASK – SHEPX

case study for

emilie d’agostino

objective

A website experience for a top tier copywriter, without blasting the reader with verboseness.

customer persona

Brand manager

Emilie works with a lot of brand managers and so we learned from her experience that they are usually short on time. They want a copywriter who can get to the point and do so with absolute clarity.

customer persona

Business owner

Business owners who see the need and value of a copywriter of Emilie’s quality are people who have tried to write concise content but found out it is very challenging. They need to see expertise in a short period of time

our role

timing

specs

“Knowledgeable, outgoing and strategic, Brand Shepherd is always up to date on technology and important business-building trends.”

EMILIE D’AGOSTINO

case study for

premier title group

objective

create a website that evokes the true in-person brand experience for this one-of-a-kind title agency.

customer persona

home buyers and sellers

the knoxville, tennessee real estate market is hot and premier title group goes to great lengths to ensure home buyers and sellers feel right at home.

customer persona

knoxville realtors®

a hot real estate market is keeps its heat in large part to the realtors® who create the best deals for everyone.

customer persona

banks and lenders

ultimately, all parties involved need lenders who know what they’re doing and premier title group set out to attract partnerships with knoxville’s best lenders.

our role

timing

specs

“ptg’s website was such a breath of fresh air because they truly wanted to disrupt what real estate title agencies typically feel like and do so with warmth and authentic joy. this is how a brand stands out in a hot market.”

DAN CRASK – SHEPX