AnOther
  • Services
  • Our Work
  • Our Team
  • Contact Us
0 Followers
0
623 Likes
Subscribe
CodeTactic | SEO Vancouver Web Design | Digital Marketing

Code | Digital Marketing | Digital Trends

Let's Chat
CodeTactic | SEO Vancouver Web Design | Digital Marketing
  • Services
  • Our Work
  • Our Team
  • Contact Us
  • Sin categorizar

Tomando Bottles: La Experiencia de E-Commerce Centrada en el Producto

  • January 25, 2021
  • Lucia Espinoza
Total
0
Shares
0
0
0
2
SHARES
ShareTweetPin ItShare

Tomando Bottles

Tomando Bottles es un fabricante único de botellas de bambú con un producto por lanzar. CodeTactic hizo su comercio electrónico para venderlo.

El desafio E-Commerce

Tomando Bottles necesitaba un sitio web para centrarse en una cosa: vender ese producto lanzado con una vida útil baja en los estantes.

El diseño y la experiencia de comercio electrónico del usuario tenían que centrarse en ese producto, lo que permitía al visitante comprenderlo rápidamente, ver sus características y agregarlo al carrito.

1. Una página de inicio sencilla. ¿Qué queremos que vean los visitantes y en qué hagan clic?

 

Entonces, echemos un vistazo a las dos acciones principales aquí:

Dentro de los primeros 2 segundos de la página de inicio mostrándose a los visitantes, puede decir dos cosas:

Enfoque principal: la botella, la imagen y el título de la descripción.

Enfoque Secundario: Información de contacto (correo electrónico, aviso de envío gratuito, iconos de redes sociales, etc. Todo relevante pero no necesario).

2. Página descriptiva del producto

Este diseño web centrado en el producto lleva a cabo el objetivo dentro de la página del producto. Una página simple que tiene el producto enfocado en el medio e íconos descriptivos con títulos a la izquierda.

No hay párrafos grandes que expliquen las características del producto, etc.

Una vez que el cliente agrega el producto al carrito, suceden dos cosas:

  1. El visitante es redirigido automáticamente al proceso de pago..
  2. Si en caso de que quieran volver, su carrito los sigue en la forma de la barra lateral “Mini-Carrito”. Supongamos que el cliente quiere ver un poco más la página de inicio. Verían esto:

3. Proceso de pago personalizado

Implementamos lo que llamamos una “página de pago aislada”. Esto significa esencialmente que tomamos todas las demás “distracciones” o elementos de su sitio web una vez que el visitante llega a la parte crucial: el Checkout donde se finaliza una venta.

Esto se hace para lograr cosas clave:

  • Deshágase de las distracciones o posibles enlaces de “enfoque secundario”.
  • Concéntrese en la siempre tediosa tarea de completar los detalles. Es cierto, no hay forma de evitar esto y es un punto de dolor para el cliente. Por lo tanto, aislarlo hace que parezca más limpio, más rápido y más fácil.
  • Guíe al cliente. El paso a paso le dice al cliente exactamente lo que hay que hacer y esto deja menos espacio para que el usuario no sepa a dónde ir.

Todos estos son ingredientes simples para mantener un diseño web centrado en el producto. A medida que Tomando Bottles crece, las páginas de inicio se adaptan en términos del control deslizante que muestra otros productos, o tal vez para dar más espacio a “Productos similares”.

What's Your Reaction?

  • featuredfeatured
    0
    featured
Total
0
Shares
Share 0
Tweet 0
Pin it 0
Lucia Espinoza

Previous Article
  • Sin categorizar

Cómo administrar y editar mis sitios web con CodeTactic

  • January 25, 2021
  • Lucia Espinoza
View Post
Next Article
  • Sin categorizar

¿Cómo ayuda el diseño de rotulación de un vehículo a mi negocio?

  • January 26, 2021
  • Lucia Espinoza
View Post
You May Also Like
View Post
  • Sin categorizar

Mejores prácticas para reactivar el negocio durante COVID-19

  • Lucia Espinoza
  • February 16, 2021
View Post
  • Sin categorizar

Cómo configurar su cuenta de Stripe y obtener claves API para su tienda online CodeTactic e-Commerce

  • Lucia Espinoza
  • February 15, 2021
View Post
  • Sin categorizar

CodeTactic Media Inc. apoya a las pequeñas empresas en Vancouver, Canadá y el mundo

  • Lucia Espinoza
  • February 12, 2021
View Post
  • Sin categorizar

Gestión de emergencias: la estrategia para trabajar de forma remota

  • Lucia Espinoza
  • February 11, 2021
View Post
  • Sin categorizar

Integración de MLS de bienes raíces en WordPress usando RETS

  • Lucia Espinoza
  • February 10, 2021
View Post
  • Sin categorizar

Ansias de vacaciones: lo mejor para su nuevo negocio

  • Lucia Espinoza
  • February 8, 2021
View Post
  • Sin categorizar

¿Cómo obtener una vista previa de sus propuestas de diseño de UI UX personalizadas?

  • Lucia Espinoza
  • February 5, 2021
View Post
  • Sin categorizar

¿Qué tan lista está su sitio web para ser comercializado digitalmente?

  • Lucia Espinoza
  • February 4, 2021

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recent Comments
  • Gonzalo on 5 Ways To Improve Communication For Projects
  • Aaron on 5 Ways To Improve Communication For Projects
  • Mike on Getting Creative: Trending Web Design Techniques
Archives
  • September 2022
  • July 2022
  • September 2021
  • May 2021
  • April 2021
  • March 2021
  • February 2021
  • January 2021
  • December 2020
  • November 2020
  • October 2020
  • September 2020
  • August 2020
  • July 2020
  • May 2020
  • April 2020
  • March 2020
  • February 2020
  • January 2020
  • December 2019
  • June 2019
  • May 2019
  • February 2019
  • January 2019
  • May 2018
  • April 2018
  • August 2016
  • July 2016
  • May 2016
  • March 2015
  • January 2015
  • December 2014
  • November 2014
  • September 2014
  • August 2014
  • July 2014
  • March 2014
  • June 2013
Meta
  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org
Recent Comments
  • Gonzalo on 5 Ways To Improve Communication For Projects
  • Aaron on 5 Ways To Improve Communication For Projects
  • Mike on Getting Creative: Trending Web Design Techniques



Grow Online

Follow us
  • facebook
  • twitter
  • instagram
  • pinterest
  • youtube
Newsletter

Recent Comments
  • Gonzalo on 5 Ways To Improve Communication For Projects
  • Aaron on 5 Ways To Improve Communication For Projects
  • Mike on Getting Creative: Trending Web Design Techniques
CodeTactic | SEO Vancouver Web Design | Digital Marketing
  • Services
  • Our Work
  • Our Team
  • Contact Us
Software Development & Digital Marketing Vancouver

Input your search keywords and press Enter.