Cam Fortin discusses the considerations around whether to develop a mobile site or app for Wine.com. Some key factors are the type of products sold, how customers engage with the brand, and functionality needs. Wine.com chose to develop an app for iPad to take advantage of its features, but created a responsive mobile site for phones to provide a cohesive experience across devices. A responsive design allows content to be accessed on any screen size and helps with search engine optimization by avoiding duplicate content across platforms.
Beyond the Desktop: Sites and Apps for Phones and TabletsWebvanta
How to design mobile sites and apps without getting buried in technology. Choosing what platforms to support, tradeoffs between mobile sites and native apps, design considerations for small screens and touchscreens.
Beyond the Desktop: Sites and Apps for Phones and TabletsWebvanta
How to design mobile sites and apps without getting buried in technology. Choosing what platforms to support, tradeoffs between mobile sites and native apps, design considerations for small screens and touchscreens.
Designing Websites With a Mobile First ApproachDan Moriarty
Learn about designing and building your website to be mobile first, meaning you begin at the smallest screen size available. Make your design, content, and planning decisions here, and then enhance and expand to the desktop
Earlier this month, I presented an updated talk on Mobile Strategy for Servoy. This one hour talk looks at the 3 options for a mobile strategy: Responsive Web, Mobile Optimized, and/or Native. I also explained why HTML5 is not a strategy; it is merely a technology you can use to implement any and all of these options. And we briefly discussed the three faces of Mobile First and how this methodology helps companies break out of old habits to create better customer experiences.
Why and How to Build a Mobile First Web StrategyTechBlocks
With the rise in mobile web browsing, there has been a shift in website design philosophies from responsive to mobile first. We'll tell you what this means for your business, what the benefits are and how you can implement your own mobile first web strategy.
Mobile Rage - What causes it & how to fix it
Most of us have been there. That website you want to use, from your mobile device, that just refuses to cooperate. From the Flash-only, to the can't f**king log in, to the redirect-to-mobile-and-stay-there sites, there's more than enough websites out there to invoke Mobile Rage.
Although we all know that the best mobile development strategy is "mobile-first", we also all know how many sites and applications out there were designed and built by people who didn't imagine how fast mobile would take over.
Come learn about the common mistakes most people make for mobile, and some of the simple solutions you can use to help reduce Mobile Rage, without having to do a complete rewrite.
All The Screens: Cross Platform Design StrategiesTheresa Neil
Mobile sites, responsive web, mobile apps, native, HTML5 or hybrid apps…Which of these solutions and combinations are right for your industry and product? We’ll take a look at examples of each and how companies are leveraging different solutions to meet their customer’s mobile needs. We’ll also explore the pitfalls of designing hybrid apps, and best practices for device neutral design. Finally, we’ll look at a case study from the world’s largest non-profit health organization and the cross platform strategy we are designing.
Besides a quick explanation of what responsive email design is; I take a look at what’s possible, going through some of the responsive layout patterns we’ve deployed. I’ve also got a section on tablets, touch, performance and techniques for dealing with clients that don’t support media queries. I finish up by looking at testing…hope you find it useful. You can watch the video that goes with deck here: http://www.youtube.com/watch?v=T6GajEVabP4
Mobile Application Development: Hybrid, Native and Mobile Web AppsPaul Sons
Orion eSolutions offer the best and the most reliable Hybrid, Native, Mobile Application Development services using the latest platform. To know mobile app development stages and usages visit orionesolutions.com
iPhone is more than 10 years old and creating applications for this platform has become a de-facto standard. It is obvious that the demand for iOS supported products is there. Understand how to leverage this ever-growing market, by providing meaningful user experiences and finding the talent you need to make it happen.
User experience expert Theresa Neil will guide you through the current mobile strategies: Responsive web, Optimized sites, Native apps, and Hybrids.
Study the most successful mobile implementations in the market today (and some of the worst). Learn the merits and pitfalls of each strategy.
Get to your mobile solution faster by learning the best patterns for Navigation, Forms, Tables, Search, Sort & Filter, Charts, Tools, Invitations, Feedback, and Help.
In case you are interested to take pleasure from the top features of the iPhone within your mobile mobile, there is you should not despair. Acer freshly has introduced the acer water a1 which usually claims being the finest among all of those other acer cellphones. The Acer water a1 could very well be the best substitute for the i phone.
Visit us for more information http://www.comparelaptopsbrand.com/
Promoting your business on mobile devisesPaul Vesely
The latest statistics to help you build a business case to develop your mobile strategy for your business. Understand the pro's and con's of WAP mobile sites v's mobile Apps. See what are the trends in terms of users purchasing behavior broken down by operating system.
According to the International Telecommunication Union, at the end of 2011 there were more than 1 billion mobile‐broadband subscriptions worldwide! With more of your library users using mobile devices to access information they will assume that your library can be available from anywhere, at any time, and on most any device. Now is the time to be ready for this demand.
In this webinar:
- Explore some innovative library mobile website designs and see how they were built.
- Understand how HTML, CSS, and JavaScript work together to build mobile websites.
- Learn what a mobile framework is and why they are used.
- Provide some existing mobile services/apps that can be included in library-created mobile websites.
- Acquire best practices in mobile Web development from start to finish.
Designing Websites With a Mobile First ApproachDan Moriarty
Learn about designing and building your website to be mobile first, meaning you begin at the smallest screen size available. Make your design, content, and planning decisions here, and then enhance and expand to the desktop
Earlier this month, I presented an updated talk on Mobile Strategy for Servoy. This one hour talk looks at the 3 options for a mobile strategy: Responsive Web, Mobile Optimized, and/or Native. I also explained why HTML5 is not a strategy; it is merely a technology you can use to implement any and all of these options. And we briefly discussed the three faces of Mobile First and how this methodology helps companies break out of old habits to create better customer experiences.
Why and How to Build a Mobile First Web StrategyTechBlocks
With the rise in mobile web browsing, there has been a shift in website design philosophies from responsive to mobile first. We'll tell you what this means for your business, what the benefits are and how you can implement your own mobile first web strategy.
Mobile Rage - What causes it & how to fix it
Most of us have been there. That website you want to use, from your mobile device, that just refuses to cooperate. From the Flash-only, to the can't f**king log in, to the redirect-to-mobile-and-stay-there sites, there's more than enough websites out there to invoke Mobile Rage.
Although we all know that the best mobile development strategy is "mobile-first", we also all know how many sites and applications out there were designed and built by people who didn't imagine how fast mobile would take over.
Come learn about the common mistakes most people make for mobile, and some of the simple solutions you can use to help reduce Mobile Rage, without having to do a complete rewrite.
All The Screens: Cross Platform Design StrategiesTheresa Neil
Mobile sites, responsive web, mobile apps, native, HTML5 or hybrid apps…Which of these solutions and combinations are right for your industry and product? We’ll take a look at examples of each and how companies are leveraging different solutions to meet their customer’s mobile needs. We’ll also explore the pitfalls of designing hybrid apps, and best practices for device neutral design. Finally, we’ll look at a case study from the world’s largest non-profit health organization and the cross platform strategy we are designing.
Besides a quick explanation of what responsive email design is; I take a look at what’s possible, going through some of the responsive layout patterns we’ve deployed. I’ve also got a section on tablets, touch, performance and techniques for dealing with clients that don’t support media queries. I finish up by looking at testing…hope you find it useful. You can watch the video that goes with deck here: http://www.youtube.com/watch?v=T6GajEVabP4
Mobile Application Development: Hybrid, Native and Mobile Web AppsPaul Sons
Orion eSolutions offer the best and the most reliable Hybrid, Native, Mobile Application Development services using the latest platform. To know mobile app development stages and usages visit orionesolutions.com
iPhone is more than 10 years old and creating applications for this platform has become a de-facto standard. It is obvious that the demand for iOS supported products is there. Understand how to leverage this ever-growing market, by providing meaningful user experiences and finding the talent you need to make it happen.
User experience expert Theresa Neil will guide you through the current mobile strategies: Responsive web, Optimized sites, Native apps, and Hybrids.
Study the most successful mobile implementations in the market today (and some of the worst). Learn the merits and pitfalls of each strategy.
Get to your mobile solution faster by learning the best patterns for Navigation, Forms, Tables, Search, Sort & Filter, Charts, Tools, Invitations, Feedback, and Help.
In case you are interested to take pleasure from the top features of the iPhone within your mobile mobile, there is you should not despair. Acer freshly has introduced the acer water a1 which usually claims being the finest among all of those other acer cellphones. The Acer water a1 could very well be the best substitute for the i phone.
Visit us for more information http://www.comparelaptopsbrand.com/
Promoting your business on mobile devisesPaul Vesely
The latest statistics to help you build a business case to develop your mobile strategy for your business. Understand the pro's and con's of WAP mobile sites v's mobile Apps. See what are the trends in terms of users purchasing behavior broken down by operating system.
According to the International Telecommunication Union, at the end of 2011 there were more than 1 billion mobile‐broadband subscriptions worldwide! With more of your library users using mobile devices to access information they will assume that your library can be available from anywhere, at any time, and on most any device. Now is the time to be ready for this demand.
In this webinar:
- Explore some innovative library mobile website designs and see how they were built.
- Understand how HTML, CSS, and JavaScript work together to build mobile websites.
- Learn what a mobile framework is and why they are used.
- Provide some existing mobile services/apps that can be included in library-created mobile websites.
- Acquire best practices in mobile Web development from start to finish.
Tudo que você gostaria de saber sobre o iPad e não tinha para quem perguntar. Ricardo Jordão Magalhaes
Slides da palestra "Tudo que você gostaria de saber sobre o iPad e não tinha para quem perguntar" ministrada por Ricardo Jordão Magalhães da BIZREVOLUTION. Para obter a gravação da palestra, assine a BIZREVOLUTION PREMIUM. Para saber como funciona visite http://www.bizrevolutionpremium.com.br. Visite a BIZ em http://www.bizrevolution.com.br
Informações estratégicas para a força de vendas.
Dashboards focados nas necessidades dos representantes de campo.
Tecnologias HTML5 compatíveis com tablets e Ipads.
Permite implantação em ambiente de cloud computing, com custos altamente competitivos em relação às soluções tradicionais.
Venha conferir: http://www.mstrategy.com.br
Confere os slides da palestra "Como aumentar as suas vendas com o shopping da Rakuten" feita pelo Ricardo Jordão Magalhães. Para saber mais visite http://www.rakuten.com.br
Slides da palestra sobre o filme Taxi Driver sob o ponto de vista de business feito pelo RIcardo Jordão Magalhães da BIZREVOLUTION. Para saber mais visite http://www.bizrevolution.com.br ou siga http://twitter.com/bizrevolution
Confere os slides da palestra "Resultados Reais com E-Mail Marketing no Comércio Eletrônico" feita por Ricardo Jordão Magalhães. Para saber mais visite http://www.rakuten.com.br ou o blog do Ricardo em http://www.bizrevolution.com.br
Slides da palestra "Como 21 jovens vão mudar o Brasil através dos gamificação do país" feito pelo Charles da Hive no EPICENTRO. Para saber mais visite http://www.oepicentro.com.br
Mobile has become one of the most prominent platforms that every business should consider having a mobile strategy to best reach or engage their audience.
Mobile presence & location based marketingPriyanka Rana
Slides talk about value of mobile marketing , various tools and technologies that support mobile marketing along with discussion of location-based marketing.
Insights on Android App Development, Marketing and MonetizationJayneel Patel
The presentation includes current market trends for android apps and elaborate the basic business model. It is focused in terms of insights on android app development, marketing and monetization for android apps. The presentation is also supported with significant data and case studies.
Related questions:
- How to mobile app marketing
- Tips about app marketing
- How to monetize mobile app
- How to start mobile app marketing
- Tips about mobile app marketing
- Tips about app moneization
- How to android app marketing
- How to android app monetization.
Creating an effective online presence for small businesses on the new webZiv Koren
A presentation delivered at the Jerusalem Web Marketing Convention on 27.5.14 covering the pros and cons of various online presence strategies and the effect of Facebook recent changes on small business marketing on Facebook.
Clear as mud: Explaining Web Apps, Mobile Apps, Cloud Computing and Design "t...Shannon Lewis
There are so many confusing terms out there: Responsive design, mobile sites, Web Apps, Mobile App, SaaS, Cloud Computing. This presentation helps to bring some clarity to these topics. This is the full version of this presentation. I have also broken this up into two parts. Part 1 goes over the different types of websites, Part 2 discusses the different types of applications.
Smile Open Source Solutions – the leading open source integrator in Europe.
We would like to propose you our expertise in mobile area to put your store in «customer’s hands».
Mobile App Landscape for the Non-TechnicalJames Quick
As CEO/Founder of any startup, you may not be the lead developer on your product or app, but you do have to be able to have somewhat technical conversations with investors, interviewees, etc. All founders have wear many different hats and perform multiple different roles. This deck focuses on the landscape of Mobile as it is today focusing on three major platforms, Android, IOS, and Windows. We will take a look at building both native applications and cross-platform applications along with relevant tools and skills needed for both.
Are you missing opportunities because your website is difficult to navigate on a mobile device? This presentation looks at:
-Should you optimize your website for mobile
-What are the main approaches to creating a mobile-optimized site
-What are some best practices for mobile design
This presentation is aimed at anyone from a nonprofit, social enterprise or small business with a non-techy background. It focuses on the various options for mobile-friendly sites and the pros/cons to consider to make a decision, rather than discuss the technical details of how mobile-friendly websites are implemented.
For more information: http://www.techsoupcanada.ca/learning_centre/articles/optimizing-your-nonprofit-website-for-mobile
Confere a relação dos hotéis e pousadas que estão oferecendo uma condição especial para quem for no EPICENTRO no final de semana de 25-27 de setembro de 2015.
Confere os slides da palestra "Como aumentar as vendas usando o Linkedin" feito pelo Ricardo Jordão Magalhães da BIZREVOLUTION. Para conhecer mais visite http://www.bizrevolution.com.br
Slides da palestra "Como agir no mercado que entrou em crise" feita por Ricardo Jordão Magalhães no dia 2 de Março de 2015. Para saber mais visite http://www.bizrevolution.com.br
Confere a relação das pousadas e hotéis epicentradas que nós recomendamos para vocês ficarem em Campos do Jordão. Liga lá e diga que você vai no EPICENTRO 2015!
Todas as empresas deveriam fazer um KickOff de Venda no início do ano com todos os seus vendedores e funcionários da linha de frente dos negócios para deixar claro para todos quais são os objetivos, metas, iniciativas, atitudes, comportamentos que a empresa espera de todos para o ano que está começando.
A palestra "KickOff de Vendas 2015" mostra exatamente quais são as questões mais importantes que toda a equipe comercial e de negócios das empresas por todo o Brasil devem ficar atentas em 2015.
A palestra foi feita por Ricardo Jordão Magalhães, Presidente da BIZREVOLUTION e Criador do EPICENTRO. O Ricardo é absurdamente especialista em vendas e marketing. Ele conhece tudo do assunto. Ao assistir a palestra você vai conhecer a sua maneira bastante particular de transmitir as suas idéias.
É IMPERDÍVEL!
São duas horas de pura adrenalina!
O Ricardo faz palestras sobre Vendas e Marketing e muito mais por todos o Brasil. Se você estiver a procura de um palestrante REALMENTE incrível para arrebentar na sua convenção de vendas ou treinamento da sua equipe de vendas, contrate o Ricardo Jordão.
Para conhecer mais sobre o seu trabalho visite http://www.bizrevolution.com.br
O EPICENTRO é um festival de empreendedorismo criativo que tem o objetivo de inspirar e provocar a empreendeder seus sonhos e mudar o mundo para melhor para todos. Para saber mais do EPICENTRO visite http://www.oepicentro.com.br
Confere os slides da palestra "Talento ganha Jogos, Trabalho em Equipe ganha Campeonatos" feita por Ricardo Jordão Magalhães da BIZREVOLUTION. Para saber mais visite http://www.bizrevolution.com.br
Confere agora os slides da minha palestra "Hackeando o Empreendedorismo" que eu fiz no Bate Papo Universitário em Maringá no dia 1o de Novembro de 2014. Para saber mais visite http://www.bizrevolution.com.br
Slides da palestra "Qual é o futuro do marketing?" feita pelo Ricardo Jordão Magalhães no RD Summit 2014 no dia 30 de Outubro de 2014. Para saber mais visite http://www.bizrevolution.com.br
Guia Oficial do EPICENTRO 2014 com o resumo do curriculo dos palestrantes e muito mais. Para saber mais sobre o EPICENTRO visite http://www.oepicentro.com.br
1. Cam Fortin
Senior Director of Product Development
M-sites vs. Apps
When does a site work and when is an app the
better approach?
2. • The leading and only national online wine store
• Founded in 1998 and acquired the Wine.com
name in 2002
• Our business:
− Customers: consumers (novice through collector),
corporate accounts and partner websites
− Products: bottles, gifts, clubs, and futures – from
$6 to $6k
− Purchase occasions: everyday consumption,
collecting and gifting
2
Who We Are
4. Source: Euromonitor, Forrester Research. Wine.com estimates of 2% online wine penetration based on $200M online wine retail
estimate and $10B target market (off premise, over $7/bottle).
4
Online Wine Market – lots of room for
growth!
1% 2%
9%
15%
24%
58%
0%
10%
20%
30%
40%
50%
60%
70%
(online share of retail spending)Online penetration by retail category
Total
retail
8%
Total retail
8-10%
5. World is going mobile, and Wine.com is going mobile
even faster (38% mobile traffic, up from 27% a year ago!)
5
April
12
April
13
Other
Mobile
6%
9%
iPhone
10%
17%
iPad
11%
12%
Desktop
73%
62%
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
Wine.com
Traffic
by
Device
Type
6. App or m site?
Unfortunately, the answer is “it depends”, maybe “both”
and one likely answer isn’t even in the question…
• What are you selling?
• How do customers engage with your brand?
• How do they find you?
• How often do they buy and visit?
• What functionality do you want to offer?
• How large is your development team and what
technologies do they know?
8. Wine.com chose an app for iPad and
an m. site for Wine.com (so far)
Why an m site for phones?
• Cohesive experience for multi-device user
• Many “1 and done” gifters who would never download an app
• We rely heavily on search and email for customer acquisition
• Older demographic who are used to sites not apps
• We wanted our first mobile presence to be commerce based
• Works on all phones, not just built for iOS (although that’s where the $ is!)
• Updates on our schedule
• Our team already knows web technology (3rd party built out iPad app)
• HTML5 makes a lot of “app like” behavior possible
Why an app for iPad?
• Site worked already for tablets, needed something exciting
• More screen real-estate to create interesting and unique experience
• Harness device-specific functionality (performance, camera, shake…)
• In the future we might pre-load catalogue for speed and offline usage
9. Biggest reason for going “m” site first?
Creating a cohesive customer experience!
Our customers use multiple devices to interact with us
9
Add to cart at dinner on
your phone
Open abandon cart email
on desktop the next day
Even if you just visit the desktop site, as long
as we know you, your cart is waiting!
Click through ON ANY device
and your cart is waiting
10. If you decide to go web, an “m” site
might not even be the right option!
Screen sizes and operating systems are proliferating fast
– there isn’t a “desktop” and “mobile” user
Sources: internal data, http://www.sitefinity.com/mobile/responsive-design-graph
Google is starting to penalize m sites, if paid and natural
search are important to you a responsive site might be the
answer
12. App, M site or responsive?
Pros Cons
M Sites • Specialized site for one form factor
• Straight-forward to create
• If you are a web shop, same
technology
• Less code = “Lighter”
• Faster release cycles
• Bad for SEM and SEO (Duplicated content)
• Hard to maintain two code bases, creates
Feature Divide
• Only optimized for smart phones
Responsive • Optimized mobile experience for
all devices – including ones that
don’t exist
• Paid Search and SEO friendly
• Aligned with best practices - Even
Google recommends it.
• Coexists well with Mobile Apps
• Takes more up front time to design and develop
• Performance, as sites have to perform all server
side functions, regardless of display
• Challenging to set-up, maintain and test
• Difficult to apply to large existing sites
• No unique device experiences
Apps • PUSH PUSH PUSH
• Harness all device functionality and
device specific capabilities
• Very specialized and optimized
task-focused experience
• Constant reminder of your brand/site
• Can act as user acquisition if you
show for highly searched terms
• Possible to use offline
• Users have to actively update to newer versions
• Difficult to create and must be created for
rapidly changing platforms (ios, android,
windows, blackberry)
• Harder to maintain and update, without a
dedicated team. Creates Feature Divide
• Must packaged for multiple app stores
• Sits outside the CMS
• Different analytics needed
• Barrier, as a customer must download and
install app
M and Responsive sites are generally more immediate, findable,
shareable and upgradeable.
13. What other people say
Mark, School Webmaster
“All depends on the content....if you need the functionality of the mobile device (making calls, calendar,
contacts, maps) then an app is the way to go. Otherwise, if it's a mostly static site then a responsive/
mobile site is cheaper and sufficient. (But I'm no expert...)”
Kyle, UI Design Guru
“I think each approach has its benefits and drawbacks. App benefits: increased functionality, potentially
better design (although not so much anymore given HTML5's capabilities), greater presence on user's
device. App drawbacks: barrier to entry (having to download the app), siloed from other web content
and from search entry points; more work required to develop and maintain across multiple platforms.
Mobile site benefits: easier to build and maintain across platforms, easy to keep seamless with the
desktop experience. Mobile site drawbacks: inability to fully utilize devices native functions.”
Chris, Lead PM at PeaPod
“I agree with Mark & Kyle, but there is another factor - developer resources. If I had a developer for each
platform, then building rich & native applications is definitely the way to go (again, depending on the
content). As a product manager, our focus should always be providing the best possible customer
experience to as many customers (or potential customers) as possible. What you can do these days
with HTML and Javascript is incredible, and building an app for the web allows you to create an almost-
as-good-as-native customer experience across all platforms with just one web developer. You also
have the hybrid approach (Like PetDuel) where you develop in HTML & JS but use a framework to build
multi-platform applications that have access to native APIs (like Camera, GPS, Accelerometer, etc).”
Max, Designer
“Mobile sites. There are too many apps! If the mobile site can look & work like an app that'd be best I
think. The designer can update it without everyone having to update constantly. Less clutter. My
opinion!”