SlideShare a Scribd company logo
1 of 3
Download to read offline
SAP UNIFIED
STOREFRONT
Creating a best-in-class user experience for
the worlds Business Software Leader.
Are you interested in hearing more about our services,
or simply just want to say hello? Write us.
hello@vertic.com
www.vertic.com
© 2013 Vertic. All rights reserved.
UX / UI
Challenge
The fundamental challenge for every
website or application is to let users
accomplish their intended tasks as
easily and directly as possible.
Use is motivated by usability, there-
fore, web applications should be
self-evident and self-explanatory.
The complexity of designing an opti-
mal user interface has been further
enhanced by the emergence of the
abundance of mobile and tablet de-
vices that leaves desktop web design
inconsumable on smaller screens.
Users, however, expect consistent
communication and optimized us-
ability across devices.
Solution
The solution is to create a user in-
terface that gives the user the abili-
ty to complete a task as seamlessly
and quickly as possible.
This can be accomplished by creat-
ing a clear and concise user flow,
eliminating unnecessary copy, and
implementing simple navigation.
Responsive Web Design (RWD) en-
sures a consistent user interface
across any device. RWD is a device
–independent design approach to
which a website makes its content
available to relevant users, regard-
less of the device from which they
choose to access it.
Responsive Design dynamically
re-sizes images and text, adjusting
site architecture to be optimized
for the individual screen, and there-
fore made ready for future devices.
Benefit
Reaching users consistently across
devices with an optimal user inter-
face will increase user consump-
tion and consequently create pref-
erence and loyalty.
Businesses are gradually realizing
the benefits of investing in user in-
terface benefits that relate to digi-
tal performance and range from a)
increased sales on ecommerce
platforms and conversion rate, b)
increased visibility in search en-
gine results, and c) saved time and
cost on tablet and mobile develop-
ment and site management.
Vertic Service Lines
Are you interested in hearing more about our services,
or simply just want to say hello? Write us.
hello@vertic.com
www.vertic.com
© 2013 Vertic. All rights reserved.
Challenge
SAP, the software giant, has multi-
ple store owners and platforms
with no single entry point to
stores. As a result, experience and
design were deeply fragmented
with the Stores featured on multi-
ple platforms and sites, including
HTML, Silverlight and iOS native
app. Additionally, SAP was primed
to launch a new HTML 5 store via
the Tablet, adding to the design di-
lemma.
Solution
It began with visual alignment.
With the upcoming launch of the
Tablet SAP Store, Vertic created a
unifying design that was flexible
enough for all of the platforms as
well as the Tablet SAP Store in HT-
ML 5. Those unifying design ele-
ments were then expanded upon
in phase 2. User experience best
practices were brought into the
mix to rethink the user experience
in terms of user needs, user jour-
ney, navigation and prioritization
and flow of content across pages.
The Phase 2 redesign used a Re-
sponsive Design methodology
that ensures mobile accessibility
in a single HTML 5 design while
delivering a cohesive online brand
experience across devices and a
prioritization of content based on
user needs.
Result
SAP Store has transformed and re-
defined the concept of the indus-
try’s online shop. The SAP Store is
built on a B-to-B-to-C approach
and as more solutions become
available online and across devic-
es, SAP continues to gain traction
and reach new and existing cus-
tomers.
SAP
UNIFIED
STOREFRONT
Creating a best-in-class user
experience for the worlds
Business Software Leader.
Vertic Case Studies

More Related Content

What's hot

DSC IIITL Flutter Workshop
DSC IIITL Flutter WorkshopDSC IIITL Flutter Workshop
DSC IIITL Flutter WorkshopDSCIIITLucknow
 
Tips for developing a successful educational app
Tips for developing a successful educational appTips for developing a successful educational app
Tips for developing a successful educational appRapidsoft Technologies
 
Native app or PWA which is the better choice
Native app or PWA  which is the better choice Native app or PWA  which is the better choice
Native app or PWA which is the better choice JessieBrewer3
 
Designing Products for Everyone
Designing Products for EveryoneDesigning Products for Everyone
Designing Products for EveryoneRebecca Buck
 
Everything you Need to Know about Tablet Advertising
Everything you Need to Know about Tablet AdvertisingEverything you Need to Know about Tablet Advertising
Everything you Need to Know about Tablet AdvertisingCrisp Media
 
Web application
Web applicationWeb application
Web applicationbeyondweb
 
Hire Developers That Make Your Enterprise Scale and Excel
Hire Developers That Make Your Enterprise Scale and ExcelHire Developers That Make Your Enterprise Scale and Excel
Hire Developers That Make Your Enterprise Scale and ExcelCredencys Solutions Inc
 
Mobile app design tips
Mobile app design tipsMobile app design tips
Mobile app design tipsNeilWilson2015
 
Front-End Mobile Web Developer job in London, see @Bradley_abrs
Front-End Mobile Web Developer job in London, see @Bradley_abrsFront-End Mobile Web Developer job in London, see @Bradley_abrs
Front-End Mobile Web Developer job in London, see @Bradley_abrsMark Long
 
7 in app metrics in your app that you should not ignore
7 in app metrics in your app that you should not ignore7 in app metrics in your app that you should not ignore
7 in app metrics in your app that you should not ignoreCredencys Solutions Inc
 
Mobile Website Design: Responsive, Adaptive or Both?
Mobile Website Design: Responsive, Adaptive or Both?Mobile Website Design: Responsive, Adaptive or Both?
Mobile Website Design: Responsive, Adaptive or Both?Effective
 
Janet Lau's Portfolio
Janet Lau's PortfolioJanet Lau's Portfolio
Janet Lau's Portfoliojanetlau123
 
8 Steps to Creating a Mobile App
8 Steps to Creating a Mobile App 8 Steps to Creating a Mobile App
8 Steps to Creating a Mobile App Cheryl Lawson
 

What's hot (18)

DSC IIITL Flutter Workshop
DSC IIITL Flutter WorkshopDSC IIITL Flutter Workshop
DSC IIITL Flutter Workshop
 
Top Qualities of Successful Mobile Apps In Startup Tech Company
Top Qualities of Successful Mobile Apps  In Startup Tech CompanyTop Qualities of Successful Mobile Apps  In Startup Tech Company
Top Qualities of Successful Mobile Apps In Startup Tech Company
 
Tips for developing a successful educational app
Tips for developing a successful educational appTips for developing a successful educational app
Tips for developing a successful educational app
 
Power apps 101
Power apps 101Power apps 101
Power apps 101
 
Native app or PWA which is the better choice
Native app or PWA  which is the better choice Native app or PWA  which is the better choice
Native app or PWA which is the better choice
 
Pick and Drop
Pick and DropPick and Drop
Pick and Drop
 
Designing Products for Everyone
Designing Products for EveryoneDesigning Products for Everyone
Designing Products for Everyone
 
Ui presentation
Ui presentationUi presentation
Ui presentation
 
Everything you Need to Know about Tablet Advertising
Everything you Need to Know about Tablet AdvertisingEverything you Need to Know about Tablet Advertising
Everything you Need to Know about Tablet Advertising
 
Web application
Web applicationWeb application
Web application
 
Hire Developers That Make Your Enterprise Scale and Excel
Hire Developers That Make Your Enterprise Scale and ExcelHire Developers That Make Your Enterprise Scale and Excel
Hire Developers That Make Your Enterprise Scale and Excel
 
Mobile app design tips
Mobile app design tipsMobile app design tips
Mobile app design tips
 
Any chat(scala)
Any chat(scala)Any chat(scala)
Any chat(scala)
 
Front-End Mobile Web Developer job in London, see @Bradley_abrs
Front-End Mobile Web Developer job in London, see @Bradley_abrsFront-End Mobile Web Developer job in London, see @Bradley_abrs
Front-End Mobile Web Developer job in London, see @Bradley_abrs
 
7 in app metrics in your app that you should not ignore
7 in app metrics in your app that you should not ignore7 in app metrics in your app that you should not ignore
7 in app metrics in your app that you should not ignore
 
Mobile Website Design: Responsive, Adaptive or Both?
Mobile Website Design: Responsive, Adaptive or Both?Mobile Website Design: Responsive, Adaptive or Both?
Mobile Website Design: Responsive, Adaptive or Both?
 
Janet Lau's Portfolio
Janet Lau's PortfolioJanet Lau's Portfolio
Janet Lau's Portfolio
 
8 Steps to Creating a Mobile App
8 Steps to Creating a Mobile App 8 Steps to Creating a Mobile App
8 Steps to Creating a Mobile App
 

Viewers also liked

Lely Juno feed pusher
Lely Juno feed pusherLely Juno feed pusher
Lely Juno feed pusherLelyHolding
 
презентация уильямсон сухарев__2012_петрозаводск
презентация уильямсон сухарев__2012_петрозаводскпрезентация уильямсон сухарев__2012_петрозаводск
презентация уильямсон сухарев__2012_петрозаводскOleg Sukharev
 
第47回TokyoWebMining, トピックモデリングによる評判分析
第47回TokyoWebMining, トピックモデリングによる評判分析第47回TokyoWebMining, トピックモデリングによる評判分析
第47回TokyoWebMining, トピックモデリングによる評判分析I_eric_Y
 
case study on ERP success(cadbury) and failure(hershey's)
case study on ERP success(cadbury) and failure(hershey's)case study on ERP success(cadbury) and failure(hershey's)
case study on ERP success(cadbury) and failure(hershey's)Chitrangada Roy
 
第6回DSIRNLP 大規模データに対するベイズ学習@I_eric_Y
第6回DSIRNLP 大規模データに対するベイズ学習@I_eric_Y第6回DSIRNLP 大規模データに対するベイズ学習@I_eric_Y
第6回DSIRNLP 大規模データに対するベイズ学習@I_eric_YI_eric_Y
 

Viewers also liked (15)

Sap
SapSap
Sap
 
All Solutions
All SolutionsAll Solutions
All Solutions
 
Lely Juno feed pusher
Lely Juno feed pusherLely Juno feed pusher
Lely Juno feed pusher
 
Client List
Client ListClient List
Client List
 
Process Centric Integrity Management
Process Centric Integrity ManagementProcess Centric Integrity Management
Process Centric Integrity Management
 
NRG Tech
NRG TechNRG Tech
NRG Tech
 
Transmission Integrity Management
Transmission Integrity ManagementTransmission Integrity Management
Transmission Integrity Management
 
презентация уильямсон сухарев__2012_петрозаводск
презентация уильямсон сухарев__2012_петрозаводскпрезентация уильямсон сухарев__2012_петрозаводск
презентация уильямсон сухарев__2012_петрозаводск
 
MAOP Process Validation
MAOP Process ValidationMAOP Process Validation
MAOP Process Validation
 
Distribution Integrity Management
Distribution Integrity ManagementDistribution Integrity Management
Distribution Integrity Management
 
Enhanced Pipeline Risk Assessment
Enhanced Pipeline Risk AssessmentEnhanced Pipeline Risk Assessment
Enhanced Pipeline Risk Assessment
 
第47回TokyoWebMining, トピックモデリングによる評判分析
第47回TokyoWebMining, トピックモデリングによる評判分析第47回TokyoWebMining, トピックモデリングによる評判分析
第47回TokyoWebMining, トピックモデリングによる評判分析
 
Pipeline Construction
Pipeline ConstructionPipeline Construction
Pipeline Construction
 
case study on ERP success(cadbury) and failure(hershey's)
case study on ERP success(cadbury) and failure(hershey's)case study on ERP success(cadbury) and failure(hershey's)
case study on ERP success(cadbury) and failure(hershey's)
 
第6回DSIRNLP 大規模データに対するベイズ学習@I_eric_Y
第6回DSIRNLP 大規模データに対するベイズ学習@I_eric_Y第6回DSIRNLP 大規模データに対するベイズ学習@I_eric_Y
第6回DSIRNLP 大規模データに対するベイズ学習@I_eric_Y
 

Similar to SAP_Case_Studies

Case Study: How REI increased ROI on SAP Through A Better User Experience
Case Study: How REI increased ROI on SAP Through A Better User ExperienceCase Study: How REI increased ROI on SAP Through A Better User Experience
Case Study: How REI increased ROI on SAP Through A Better User ExperienceDeeDee Kato
 
How not having a Responsive Website can be Detrimental to your business?
How not having a Responsive Website can be Detrimental to your business?How not having a Responsive Website can be Detrimental to your business?
How not having a Responsive Website can be Detrimental to your business?Helios Solutions
 
UI & API designing services infasta
UI  &  API designing services  infastaUI  &  API designing services  infasta
UI & API designing services infastaShiva Kumar
 
SAP User experience strategy
SAP User experience strategySAP User experience strategy
SAP User experience strategyDau Thanh Hai
 
QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10Almog Koren
 
Liquid UI Designer - a no code tool for SAP.pdf
Liquid UI Designer - a no code tool for SAP.pdfLiquid UI Designer - a no code tool for SAP.pdf
Liquid UI Designer - a no code tool for SAP.pdfSynactive, Inc.
 
Introduction Into SAP Fiori
Introduction Into SAP FioriIntroduction Into SAP Fiori
Introduction Into SAP FioriBlackvard
 
Mobile Application Development
Mobile Application Development Mobile Application Development
Mobile Application Development nandhini seo
 
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile PresenceGo for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile PresenceMagic Software
 
Enterprise mobility services
Enterprise mobility servicesEnterprise mobility services
Enterprise mobility servicesNet Solutions
 
Web Site and Rich Internet Applications
Web Site and Rich Internet ApplicationsWeb Site and Rich Internet Applications
Web Site and Rich Internet ApplicationsWeb Site srl
 
Why Java is So Popular And Its Uses.pdf
Why Java is So Popular And Its Uses.pdfWhy Java is So Popular And Its Uses.pdf
Why Java is So Popular And Its Uses.pdfPridesys IT Ltd.
 
iPad Apps for the Enterprise
iPad Apps for the EnterpriseiPad Apps for the Enterprise
iPad Apps for the EnterpriseSukumar Jena
 
Giants named HTML5 and JVM
Giants named  HTML5 and JVMGiants named  HTML5 and JVM
Giants named HTML5 and JVMCMR WORLD TECH
 
Intellectsoft Overview
Intellectsoft OverviewIntellectsoft Overview
Intellectsoft OverviewRyan Nguyen
 
How Embracing Headless Architecture Benefits Businesses_.pdf
How Embracing Headless Architecture Benefits Businesses_.pdfHow Embracing Headless Architecture Benefits Businesses_.pdf
How Embracing Headless Architecture Benefits Businesses_.pdfAnil
 
Paragyte mobile brochure
Paragyte mobile brochureParagyte mobile brochure
Paragyte mobile brochureKevin Arora
 
MADP - Mobile Application Development Platform - CRE8 Brasil MEAP
MADP - Mobile Application Development Platform - CRE8 Brasil MEAPMADP - Mobile Application Development Platform - CRE8 Brasil MEAP
MADP - Mobile Application Development Platform - CRE8 Brasil MEAPVictor Sebastian
 
Create Conversational Applications to Transform the Digital Enterprise
Create Conversational Applications to Transform the Digital EnterpriseCreate Conversational Applications to Transform the Digital Enterprise
Create Conversational Applications to Transform the Digital EnterpriseTatiana Kojar
 

Similar to SAP_Case_Studies (20)

Case Study: How REI increased ROI on SAP Through A Better User Experience
Case Study: How REI increased ROI on SAP Through A Better User ExperienceCase Study: How REI increased ROI on SAP Through A Better User Experience
Case Study: How REI increased ROI on SAP Through A Better User Experience
 
How not having a Responsive Website can be Detrimental to your business?
How not having a Responsive Website can be Detrimental to your business?How not having a Responsive Website can be Detrimental to your business?
How not having a Responsive Website can be Detrimental to your business?
 
Responsive design
Responsive designResponsive design
Responsive design
 
UI & API designing services infasta
UI  &  API designing services  infastaUI  &  API designing services  infasta
UI & API designing services infasta
 
SAP User experience strategy
SAP User experience strategySAP User experience strategy
SAP User experience strategy
 
QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10
 
Liquid UI Designer - a no code tool for SAP.pdf
Liquid UI Designer - a no code tool for SAP.pdfLiquid UI Designer - a no code tool for SAP.pdf
Liquid UI Designer - a no code tool for SAP.pdf
 
Introduction Into SAP Fiori
Introduction Into SAP FioriIntroduction Into SAP Fiori
Introduction Into SAP Fiori
 
Mobile Application Development
Mobile Application Development Mobile Application Development
Mobile Application Development
 
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile PresenceGo for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
 
Enterprise mobility services
Enterprise mobility servicesEnterprise mobility services
Enterprise mobility services
 
Web Site and Rich Internet Applications
Web Site and Rich Internet ApplicationsWeb Site and Rich Internet Applications
Web Site and Rich Internet Applications
 
Why Java is So Popular And Its Uses.pdf
Why Java is So Popular And Its Uses.pdfWhy Java is So Popular And Its Uses.pdf
Why Java is So Popular And Its Uses.pdf
 
iPad Apps for the Enterprise
iPad Apps for the EnterpriseiPad Apps for the Enterprise
iPad Apps for the Enterprise
 
Giants named HTML5 and JVM
Giants named  HTML5 and JVMGiants named  HTML5 and JVM
Giants named HTML5 and JVM
 
Intellectsoft Overview
Intellectsoft OverviewIntellectsoft Overview
Intellectsoft Overview
 
How Embracing Headless Architecture Benefits Businesses_.pdf
How Embracing Headless Architecture Benefits Businesses_.pdfHow Embracing Headless Architecture Benefits Businesses_.pdf
How Embracing Headless Architecture Benefits Businesses_.pdf
 
Paragyte mobile brochure
Paragyte mobile brochureParagyte mobile brochure
Paragyte mobile brochure
 
MADP - Mobile Application Development Platform - CRE8 Brasil MEAP
MADP - Mobile Application Development Platform - CRE8 Brasil MEAPMADP - Mobile Application Development Platform - CRE8 Brasil MEAP
MADP - Mobile Application Development Platform - CRE8 Brasil MEAP
 
Create Conversational Applications to Transform the Digital Enterprise
Create Conversational Applications to Transform the Digital EnterpriseCreate Conversational Applications to Transform the Digital Enterprise
Create Conversational Applications to Transform the Digital Enterprise
 

SAP_Case_Studies

  • 1. SAP UNIFIED STOREFRONT Creating a best-in-class user experience for the worlds Business Software Leader.
  • 2. Are you interested in hearing more about our services, or simply just want to say hello? Write us. hello@vertic.com www.vertic.com © 2013 Vertic. All rights reserved. UX / UI Challenge The fundamental challenge for every website or application is to let users accomplish their intended tasks as easily and directly as possible. Use is motivated by usability, there- fore, web applications should be self-evident and self-explanatory. The complexity of designing an opti- mal user interface has been further enhanced by the emergence of the abundance of mobile and tablet de- vices that leaves desktop web design inconsumable on smaller screens. Users, however, expect consistent communication and optimized us- ability across devices. Solution The solution is to create a user in- terface that gives the user the abili- ty to complete a task as seamlessly and quickly as possible. This can be accomplished by creat- ing a clear and concise user flow, eliminating unnecessary copy, and implementing simple navigation. Responsive Web Design (RWD) en- sures a consistent user interface across any device. RWD is a device –independent design approach to which a website makes its content available to relevant users, regard- less of the device from which they choose to access it. Responsive Design dynamically re-sizes images and text, adjusting site architecture to be optimized for the individual screen, and there- fore made ready for future devices. Benefit Reaching users consistently across devices with an optimal user inter- face will increase user consump- tion and consequently create pref- erence and loyalty. Businesses are gradually realizing the benefits of investing in user in- terface benefits that relate to digi- tal performance and range from a) increased sales on ecommerce platforms and conversion rate, b) increased visibility in search en- gine results, and c) saved time and cost on tablet and mobile develop- ment and site management. Vertic Service Lines
  • 3. Are you interested in hearing more about our services, or simply just want to say hello? Write us. hello@vertic.com www.vertic.com © 2013 Vertic. All rights reserved. Challenge SAP, the software giant, has multi- ple store owners and platforms with no single entry point to stores. As a result, experience and design were deeply fragmented with the Stores featured on multi- ple platforms and sites, including HTML, Silverlight and iOS native app. Additionally, SAP was primed to launch a new HTML 5 store via the Tablet, adding to the design di- lemma. Solution It began with visual alignment. With the upcoming launch of the Tablet SAP Store, Vertic created a unifying design that was flexible enough for all of the platforms as well as the Tablet SAP Store in HT- ML 5. Those unifying design ele- ments were then expanded upon in phase 2. User experience best practices were brought into the mix to rethink the user experience in terms of user needs, user jour- ney, navigation and prioritization and flow of content across pages. The Phase 2 redesign used a Re- sponsive Design methodology that ensures mobile accessibility in a single HTML 5 design while delivering a cohesive online brand experience across devices and a prioritization of content based on user needs. Result SAP Store has transformed and re- defined the concept of the indus- try’s online shop. The SAP Store is built on a B-to-B-to-C approach and as more solutions become available online and across devic- es, SAP continues to gain traction and reach new and existing cus- tomers. SAP UNIFIED STOREFRONT Creating a best-in-class user experience for the worlds Business Software Leader. Vertic Case Studies