#2020 at 05:00A | Explore Tumblr Posts and Blogs

itspnicole · 4 years

Text

How Web Designers Can Help Restaurants Move Into Digital Experiences

Suzanne Scacca

2020-06-23T12:00:00+00:002020-06-23T12:05:25+00:00

As much as I’ve always loved the experience of going out to eat and ordering in takeout, it’s very rare that I enjoy visiting a restaurant’s website. But I get it. The restaurant industry tends to run on very slim profit margins, so it’s hard to justify spending money on a professionally designed website when all they want it to do is list their hours of operation and menu.

However, I envision all that changing in 2020 (and beyond) as restaurants are forced to expand into digital in order to survive. Unlike a website that a novice might hack together with a cheap site builder, establishing a competitive digital presence isn’t something they’re going to be able to do on their own.

That’s why web designers should seriously start thinking about expanding into this niche.

How Web Designers Can Help Restaurants Move into Digital

Usually, when something serious shakes up the restaurant industry, those that want to survive will adopt newer and better technologies to adapt. So, it’s not like restaurants are strangers to digital transformation. Until now, though, the focus has mainly been on investing in technology that improves how they work in-house.

With everything that’s happened in 2020, though, restaurants are going to need web designers’ help in doing three things that ensure their survival in an increasingly digital world:

1. Modernize The Restaurant Website

Whenever I write one of these posts, I spend time reviewing a few dozen websites to find the best examples to make my point. I’m not going to lie, this one was tough. While I knew I could turn to national chain restaurants to find modern-looking websites, I had a really hard time with others.

While it’s not impossible to find an independent restaurant operator or local chain that has a great-looking website in 2020, I’d say that at least half of them are way behind the times, if they even have a website at all.

Remember when websites were designed like this?

An outdated restaurant website in 2020, blurred out to protect its identity. (Source: Anonymous) (Large preview)

I’ve blurred out the restaurant’s name and details to protect its identity, but you can still get a sense of how bad this design is for 2020.

Restaurant websites can’t afford to be crappy, non-responsive placeholders anymore. They need to become impressive digital presences that set the stage for what customers will experience when interacting with restaurants as diners.

Let’s take a look at how In-N-Out Burger has nailed modern web design. The first thing you’ll notice is it’s a responsive design. On desktop, the website fits the full width of the screen, so there’s no wasted space around the border. It looks good on a mobile device, too:

The In-N-Out Burger mobile website is responsive and easy to read. (Source: In-N-Out Burger) (Large preview)

Also, take notice of the images. This is a burger joint, so you should expect the website to be full of burger photos, which it is. However, there’s something interesting to note about the burgers you find on the site.

The In-N-Out Burger website uses perfectly framed images and well-chosen transitions. (Source: In-N-Out Burger) (Large preview)

When someone enters a page where there’s a burger photo, the food slides into the frame as if someone were sliding it over to a customer in the restaurant. It’s a neat little transition and many visitors to the site might not even realize what’s happening, but it makes the experience feel more lifelike and interactive.

Transitions aren’t the only things you can do to create this sort of experience. Background videos taken within the establishment work just as well as it gives customers the opportunity to walk through the establishment instead of relying on static images that only paint part of the picture.

Another thing restaurant websites need to improve is how they’re organized.

When people are ready to go out to eat or to dine in, don’t waste their time trying to force the restaurant’s history down their throats (which many of these sites surprisingly do). The navigation as well as the order in which CTAs appear on the home page should reflect the actions customers want to take.

The thought process most likely goes like this:

“I’m not sure what to order. Where’s the menu?” (Menu)

“Do I need to make a reservation or can we just go whenever?” (Reservations)

“Where is this place again?” (Locations or Contact)

Or, these days, #2 looks more like this:

“Do they do takeout? I wonder if they’ll deliver it.” (Order Online)

There are other things customers might want to do on the website. Like buy gift cards or merchandise, sign up for rewards or apply for a job.

So, while the above tasks should be a priority in terms of what visitors see first, make sure to look at the site’s data to see what else they’re interested in doing. Then, make sure those popular actions take center stage in the navigation and site design.

2. Empower Them to Diversify Their Income

Under normal circumstances, profitability is a problem for many restaurants. Add a crisis to the mix and it’s going to become downright impossible to generate any profit — that is if they rely solely on dine-in business.

Long before COVID-19, consumers were already showing a growing preference for digital dining solutions.

According to Peapod, 77% of U.S. consumers said they preferred eating at home than going out. But that doesn’t necessarily translate to ordering in from a restaurant.

27% preferred to order groceries online and pick them up from the store.

26% planned to use grocery delivery.

20% were interested in meal kits.

Then, you have information from Technomic and the National Restaurant Association that found that about 60% of all restaurant sales in the U.S. come from off-premise dining.

For restaurants that haven’t yet made the leap to digital dining options, they’re going to have to ASAP. This isn’t just a temporary thing either.

Restaurants that fail to digitize going forward won’t survive.

“

So, web designers are going to be needed to help them build out the following:

An online ordering system for their website or a link to an external service,

A reservation system (for when in-house dining is available).

That’s just the bare minimum though. For instance, this is what Snooze Eatery has done:

Snooze Eatery advertises delivery or pickup on its website. (Source: Snooze Eatery) (Large preview)

The first thing visitors see on the website is the online ordering option. When they click “Place Your Order”, they’re taken to the restaurant’s proprietary ordering portal:

Snooze Eatery’s online ordering portal. (Source: Snooze Eatery) (Large preview)

This in and of itself is a great solution for restaurants to have available through their websites as it allows them to control the ordering process and capture more of the profits (but that’s up to your clients to decide, of course). That said, many restaurants are getting creative and going beyond traditional online ordering options.

Below the fold on the Snooze Eatery site, visitors will find this banner:

Snooze Eatery now offers neighborhood provisions. (Source: Snooze Eatery) (Large preview)

As I mentioned earlier, there’s a good number of people who want to be able to order food online but then prepare it for themselves at home. While that would previously have left restaurants high and dry, that’s not the case anymore as many restaurants are expanding their offering to include family-style meal kits and groceries like Snooze.

This alone means that web designers are going to become increasingly more important for restaurants. And don’t expect the work to end there. Restaurants will also need your help building other monetized offerings into their websites. For instance:

Gift cards;

Merchandise;

Subscription services for meal kits, alcohol deliveries and more;

Online memberships for cooking classes, premium recipes, etc.

If they don’t have one yet, they’ll also probably need help creating a rewards and account management system as well.

3. Fix Their Brand Images on Third-party Sites

Although the website should be the engine that powers everything for the business online, restaurants need other sites to help with visibility, too. For example:

Facebook to share photos, advertise location information and collect customer reviews;

Instagram to share photos, restaurant updates and customer-generated content;

Yelp and TripAdvisor to collect customer reviews and feedback;

Google My Business to create a local presence in Google search and Maps as well as to collect reviews;

Delivery services like DoorDash to outsource delivery to;

Reservation sites like OpenTable to outsource reservation bookings to.

If customers are looking for restaurants online, they need to be willing and able to meet them where they are… before eventually bringing them to the website.

Although it’s ultimately the restaurant’s responsibility to create these pages, you should provide assistance when it comes to the visual branding piece. For one, it ensures that there’s some consistency between all their platforms. Also, it enables you to fill in missing pieces that restaurateurs might not think about.

Let’s take a look at Rhode Island staple, IGGY’S:

IGGY’S website visitors are introduced to the restaurant with an image of its iconic clamcakes. (Source: IGGY’S) (Large preview)

The waterfront eatery immediately gets down to business and provides visitors with 3 options for ordering online (based on which location they want to go to).

Here’s what the online ordering portal looks like:

IGGY’S restaurant’s online ordering portal. (Source: IGGY’S) (Large preview)

Notice how good this looks. It takes what would otherwise be a text-only menu and turns it into something much more attractive and, arguably, more effective in driving up sales.

Now, contrast that with IGGY’S online ordering through DoorDash:

DoorDash customers can order online from IGGY’s restaurant. (Source: DoorDash) (Large preview)

The items on this page rarely come with descriptions or images.

Now, IGGY’S is a well-known restaurant around Rhode Island, so this might not be a dealbreaker for online customers. However, new customers might approach the menu with more trepidation than the one available through the IGGY’S website since it’s devoid of details.

This is where your visual-centric approach comes in handy. By making sure each item comes with a high-resolution and mouth-watering photo (the same as the one used on the site), you can optimize this sales opportunity for them.

It’s also important to ensure the brand elements are consistently presented. That way, if an existing customer runs across their favorite restaurant on DoorDash, they won’t hesitate to order because they’ll instantly know it’s their favorite restaurant.

For example, the logo on DoorDash is nothing like the one on the website in terms of quality or looks:

The DoorDash logo for IGGY’S doesn’t match the one on the website. (Source: DoorDash) (Large preview)

Be it the logo or another branded element, you want to make sure that 1) it matches the website and 2) looks good. This goes for online ordering sites like DoorDash as well as all the other ones I mentioned earlier.

Wrapping Up

We’re at a point now where restaurants can no longer be reluctant or stingy about improving their digital presence. And, as a web designer, this should get you excited.

There’s a lot you can do to help businesses in this space beyond designing basic websites. Because so much of their digital transformation involves making sales online, you’ll get to design experiences that are intuitive, modern, and mouth-watering while also creating new monetized pathways for them.

(ra, yk, il)

#Articles on Smashing Magazine — For Web Designers And Developers

0 notes

sidigame20g · 4 years

Text

Únete a FlightAware

(¿Por qué unirse?)

Entrar

08:39PM CEST العربية Čeština Deutsch English (Australia) English (Canada) English (UK) English (USA) Español (España) Español Suomi Français (Canada) Français (France) עִבְרִית हिन्दी Hrvatski Italiano 日本語 한국어 Polski Português (Brasil) Português (Portugal) Русский Türkçe 中文(简体) 中文(香港) 中文(台灣)

TodosTodosRutaVuelo de línea aérea comercialVuelo privado (matrícula Nº)Aeropuerto

Pista

¿NO SABES EL Nº DE VUELO?

RASTREO DE VUELOS EN VIVO

PRODUCTOS

ADS-B

FOTOS

NOVEDADES

FOROS DE DISCUSIÓN

ACERCA DE

CONTACTO







OPERADOR DE BASE FIJA (FBOS)

RASTREADOR DE VUELOS

CONDICIONES METEOROLÓGICAS

CARTA Y DIAGRAMA

HISTORICAL DATA

Operador de base fija (FBOs)Rastreador de vuelosCondiciones meteorológicasCarta y diagramaHistorical DataINT'L DE INCHEON AIRPORT (SEOUL (INCHEON)) ICN

BASE LAYER

CLÁSICA

CLICK TO CHANGE

OVERLAYS

Sunlit Earth

Weather Radar

Worldwide Weather

Weather Radar (Premium)

Satellite IR

Turbulence (Global)

Turbulence (N. America)

Icing (Global)

Icing (N. America)

Lightning

Wind/Temp Aloft

Jetstreams

Fronts

Volcanic Ash

Tropical Storms

SIGMETs

AIRMETs

TFRs

Aeropuertos cercanos

Nearby Flights

Llegadas

Salidas

Weather: 03-08-2020 08:40PM CEST

50 km20 miEste aeropuerto se halla en la zona de servicio secundaria de FlightAware.

Conoce más sobre la cobertura de FlightAware

LLEGADAS (MÁS)

IdentTipoDesdeSalidaLlegada

UPS39

B744

Int'l Kingsford Smith (

SYD

)06:29p AEST03:36a KST

GTI2678

B744

Int'l Ted Stevens Anchorage (

ANC

)02:01a AKDT02:55a KST

SOO276

B77L

Int'l de Hong Kong (

HKG / VHHH

)10:03p HKT02:08a KST

CKK257

B744

Int'l de Shanghái-Pudong (

PVG

)11:30p CST01:41a KST

AJX8535

Int'l de Narita (

NRT

)11:41p JST01:39a KST

KAL530

Fráncfort del Meno (

FRA

)08:19a CEST01:05a KST

UPS16

B744

Colonia/Bonn (

CGN

)07:02a CEST12:42a KST

ETH673

B788

Int'l de Narita (

NRT

)09:35p JST11:30p KST

DLH8384

B772

Int'l de Narita (

NRT

)09:37p JST11:29p KST

KAL9210

B77L

Int'l de Vancouver (

YVR

)08:45p PDT11:24p KST

KAL8344

Int'l Suvarnabhumi (

BKK

)03:47p +0711:10p KST

AAR2811

B744

Int'l de Los Ángeles (

LAX

)05:39p PDT10:11p KST

GTI8673

B744

Int'l de Los Ángeles (

LAX

)06:07p PDT09:53p KST

BOX550

B77L

Cerca de Leipzig/Halle05:23a CEST09:45p KST

PAC715

B744

Int'l de Los Ángeles (

LAX

)05:51p PDT09:42p KST

KAL8314

Int'l de Hong Kong (

HKG

)05:14p HKT09:39p KST

KAL9676

Int'l de Penang (

PEN

)01:56p +0809:37p KST

CKS916

B744

Int'l Ted Stevens Anchorage (

ANC

)08:49p AKDT09:36p KST

PAC8907

B744

Int'l Ted Stevens Anchorage (

ANC

)08:28p AKDT09:23p KST

EAU52P

GLEX

Cerca de Changsha, Hunan05:37p CST09:01p KST

SALIDAS (MÁS)

IdentTipoASalidaLlegada

ABW1291

03:32a KST

KAL591

74N

Viena (

VIE

)03:22a KST

06:35a CEST

UPS10

B744

02:59a KST

GEC8385

B77L

02:32a KST

KAL335

B772

Int'l de Shanghái-Pudong (

PVG

)01:51a KST02:36a CST

KAL361

B772

Int'l de Nội Bài (

HAN

)01:41a KST

03:51a +07

UPS86

01:35a KST

QTR859

B77W

Hamad Int'l (

DOH

)01:31a KST

05:00a +03

AAR987

74F

Int'l de Shanghái-Pudong (

PVG

)01:29a KST01:50a CST

ETH673

B788

Int'l Bole (

ADD

)01:21a KST

07:20a EAT

AFR267

B77W

París-Charles de Gaulle (

CDG

)01:06a KST

05:33a CEST

GTI8673

B744

12:57a KST

GTI8156

B744

12:48a KST

BOX550

B77L

12:44a KST

PAC715

B744

Int'l de Shanghái-Pudong (

PVG

)12:42a KST01:08a CST

CKS916

B744

Int'l de Shanghái-Pudong (

PVG

)12:29a KST12:54a CST

KAL313

B772

Int'l de Hong Kong (

HKG

)12:27a KST

02:40a HKT

AAR383

74F

Int'l de Nội Bài (

HAN

)12:24a KST

02:38a +07

ETD873

B78X

Int'l de Abu Dabi (

AUH

)12:09a KST

04:23a +04

KAL9207

Int'l de Los Ángeles (

LAX

)12:07a KST

09:17p PDT

EN VUELO/CON DESTINO A ICN (MÁS)

IdentTipoDesdeSalidaLlegada

JJA2306

737

Int'l Ninoy Aquino (

MNL

)11:21p PST

03:45a KST

GTI2818

B744

Int'l de Los Ángeles (

LAX

)11:48p PDT

03:56a KST

KAL624

B773

Int'l Ninoy Aquino (

MNL

)11:36p PST

03:58a KST

AAR211

A359

Int'l de San Francisco (

SFO

)12:20a PDT

04:00a KST

GTI4411

B744

Int'l de Los Ángeles (

LAX

)12:14a PDT

04:03a KST

AAV600

A320

Mactan-Cebu Int'l (

CEB

)

11:10p PST

04:20a KST

AAR203

A359

Int'l de Los Ángeles (

LAX

)12:12a PDT

04:20a KST

KAL26

B789

Int'l de San Francisco (

SFO

)01:13a PDT

04:27a KST

SOO7930

B77L

Int'l Chicago-O'Hare (

KORD

)01:34a CDT

04:33a KST

AAR704

B77L

Int'l Ninoy Aquino (

MNL

)12:05a PST

04:40a KST

KAL12

B77W

Int'l de Los Ángeles (

LAX

)12:27a PDT

04:44a KST

AAV700

A320

Kalibo (

KLO

)

11:25p PST

04:45a KST

KAL472

A333

Int'l de Rangún (

RGN

)09:00p +0630

04:45a KST

CKS814

B744

Int'l Ted Stevens Anchorage (

ANC

)04:26a AKDT

05:07a KST

KAL680

B77W

Int'l de Nội Bài (

HAN

)11:17p +07

05:20a KST

AAR734

A333

Int'l de Nội Bài (

HAN

)11:35p +07

05:31a KST

JJA4206

B738

Chiang Mai Int'l (

CNX

)

10:45p +07

05:40a KST

JJA2108

737

Int'l de Hong Kong (

HKG

)

01:25a HKT

05:55a KST

KAL316

B772

Int'l de Shanghái-Pudong (

PVG

)

02:55a CST

06:00a KST

DLH8404

B772

Int'l de Shanghái-Pudong (

PVG

)

03:35a CST

06:15a KST

SALIDAS PROGRAMADAS (MÁS)

IdentTipoASalidaLlegada

DLH8385

B772

Fráncfort del Meno (

FRA

)

02:35a KST

06:30a CEST

GAP2483

A320

Bohol–Panglao (

TAG

)

02:55a KST

06:05a PST

PAC769

B744

Int'l de Hong Kong (

HKG

)

03:00a KST

05:40a HKT

KAL541

B772

Viena (

VIE

)

03:40a KST

07:12a CEST

AAR1981

B763

Int'l de Narita (

NRT

)

04:10a KST

06:20a JST

CKK258

B744

Int'l de Shanghái-Pudong (

PVG

)

04:20a KST

04:40a CST

PAC225

B744

Int'l de Taiwán Taoyuan (

TPE

)

05:40a KST

07:00a CST

AAV601

A320

Mactan-Cebu Int'l (

CEB

)

06:35a KST

09:55a PST

JJA3100

737

Int'l Antonio B. Won Pat (

GUM

)

06:35a KST

11:50a ChST

JJA1408

737

Fukuoka (

FUK

)

06:40a KST

07:45a JST

JJA2201

737

Int'l Suvarnabhumi (

BKK

)

06:40a KST

10:30a +07

AAV701

A320

Kalibo (

KLO

)

07:00a KST

10:15a PST

GTI2428

B744

Int'l Ted Stevens Anchorage (

ANC

)

07:05a KST

08:57p AKDT

JJA4407

737

Bohol–Panglao (

TAG

)

07:20a KST

10:30a PST

JJA3174

737

Int'l de Kansai (

KIX

)

07:20a KST

08:51a JST

SOO98A

B77L

Int'l de Los Ángeles (

KLAX

)

07:30a KST

01:54a PDT

DLH8445

B772

Fráncfort del Meno (

FRA

)

07:35a KST

11:20a CEST

TWB433

737

Vladivostok Int'l (

VVO

)

07:35a KST

11:00a +10

JJA8401

737

Qingdao Liuting Int'l (

TAO

)

08:30a KST

08:40a CST

AAR112

A359

Int'l de Kansai (

KIX

)

08:35a KST

10:15a JST

Enlaces relacionados

Rastreador de vuelos del aeropuerto ICN / RKSI

ICN / RKSI Airport Photos

Condiciones meteorológicas en ICN / RKSI

Compra el historial de vuelos de ICN / RKSI en formato Excel

Condiciones meteorológicas en ICN / RKSI(

Más info sobre las condiciones meteorológicas en ICN / RKSI

)

RKSI 031800Z 20014KT 3500 BR BKN007 BKN025 OVC080 26/23 Q1008 NOSIG

2020/08/03 18:00

RKSI 031700Z 0318/0424 20015G25KT 4000 -RA BKN010 BKN020 OVC080 TN23/0321Z TX27/0406Z TN24/0421Z

BECMG 0322/0323 6000 SCT010 BKN025 OVC080

TEMPO 0323/0401 3000 -TSRA SCT008CB BKN020 OVC070

BECMG 0406/0407 20012KT

BECMG 0414/0415 4000 RA

TEMPO 0421/0424 16010KT 2500 TSRA SCT008CB BKN020 OVC070

العربية

Deutsch

English (UK)

English (USA)

Español (España)

Français

עִבְרִית

Italiano

日本語

한국어

Português

Русский

Türkçe

中文(简体)

中文(台灣)

Términos de uso

Privacidad

Preguntas frecuentes

0 notes