E-commerce Website
Redesigned Envira Pack’s website and ordering system for store managers, projecting a 25% sales increase and better customer engagement.
Industry
Packaging
Timeline
March - April 2024
(Part-time)
My Role
UX/UI Designer
Project Manager
Client
Context
About Envira Pack
Envirapack offers custom-printed packaging solutions. Since 2019, the company has specialized in both customized and standard bags. They prioritize quality and customer satisfaction to create long-term value.
Existing Website: No Online Ordering
Envira Pack relied solely on sales reps using sales sheets to bring in new customers and all orders were placed via email due to a lack of ordering functionality on their website, this process was slow and prone to errors.
Homepage of the previous website
Strengths
News page that links to social media, witch lets users learn more about the company and adds a personal touch enhancing trust.
The news page on the previous website
Weaknesses
No online ordering.
Unclear product offerings and pricing details.
Lack of product information.
Inconsistent content across product pages.
a product page on the previous website
overview
Problem Statement
"How might we boost direct sales, attract more visitors to the website, and simplify the purchasing process to make it more user-friendly?"
Objectives
Upgrade the website’s design and usability.
Create a trustworthy online platform.
Enable direct online ordering to simplify the purchasing process and boost sales
Target Audience
Store owners
Research and Insights
Talking to Sales Reps and Customers
We conducted interviews with two clients and one sales representative to gather insights on Envira Pack’s current sales process and customer experience. Unfortunately, due to limited responses, this sample size was smaller than planned. However, the feedback we received provided key areas for improvement.
Positive Feedback
High satisfaction with product designs
High quality of products when intact
Positive assessments of sales personnel
Competitive pricing
Effective customer service
Identified Issues
Inadequate communication
Defective product deliveries
Slow and incorrect deliveries
Complex ordering processes
High shipping fees
Perceived as unprofessional
What We Learned
The feedback highlighted key problems with communication, delivery, and the lack of online ordering. Customers want a faster, easier way to order, and the outdated process affected trust in the company.
Competitors Websites Offerings
We analyzed the websites of Envira Packs competitors to find opportunities for Envira Pack to modernize its sales process and better compete in the market.
Direct Website-Based Ordering
Detailed Product Information
Free Delivery Options
Customer Service
Insights From Limited Research
Few responses to requests of interviews and surveys limited our research and gave us fewer insights that anticipated. But our limited research revealed that Envira Pack's website required significant updates to align with modern online consumer expectations and competitive standards. Armed with these limited but qualitative insights, we began brainstorming ways to improve the website.
Ideation and Strategy
Brainstorming for Two User Types
Using the research insights, we brainstormed ideas to improve the website. We created a sitemap and wireframes to plan the redesign, focusing on two user types:
Existing Customers
Existing customers mainly came to the website for ordering their products and needed less persuation about their choice of supplier.
Non Customer Users
New visitors who are unfamiliar with Envira Pack and need clear, informative content to understand what the company offers. These users often require convincing and detailed explanations to build trust and help them choose Envira Pack as their supplier.
Final Design
From Email Orders to eCommerce
Homepage
Building trust to convert new users
The homepage is designed to introduce Envira Pack, build trust, and convert new users. It showcases the company’s professionalism and quality through a clean, straightforward layout.
Easy re-ordering for existing users,
Accessing your account to re-order products is quick and intuitive with the button in the navigation header. More on this later.
Detailed Product Showcase
Displays products with details, prices, stock status, and options to “See more” or “Buy”. Sizes of paper bags range from S-XL, with measurements in centimers and liter for extra clarity.
Brief Company Introduction
Includes a “Why Envira?” section, witch provides a brief introduction to the company, highlighting its unique selling points and commitment to quality.
Building Trust with Testimonials
Features reviews and feedback from satisfied customers to build credibility and trust with new users.
Easy Contact Access
Contact section at the bottom ensures users can easily find contact information to reach out, simplifying customer service for existing customer users and builds trust with new users.
News Page
Social Media Integration
Links to Envira Pack's social media accounts, displaying recent updates and fostering ongoing engagement with users.
Product Page
Straight Forward Information and Simple Ordering
Large images and clear titles for easy identification. Detailed product information and options to select designs. Quick add-to-cart functionality from multiple pages.
Account Page
Easy Account Management with Personalized Dashboard
After logging in, users access a personalized dashboard designed for managing store-specific designs and orders, tailored to the needs of existing customers.
Stock Visibility
Users can view stock levels for products specific to their designs at Envira Pack, ensuring they are informed of availability.
Ease of Reordering
Provides direct access to previous orders, facilitating quick and easy reordering.
Automatic Orders
Customers can set up recurring orders to simplify the procurement process. However, they must first contact the company to ensure the regularity and volume of orders can be managed.
Customization Options
The account page allows users to modify their active designs through an interactive menu, enhancing the personalization of their orders.
Checkout
Final Review
Last look at the cart with options to modify the order. Pre-filled Details for logged-in users. Invoice or credit card payment options are available for fast ordering.
Pre-filled User Details
Streamlined checkout process with pre-filled user details for logged-in customers. Flexible payment options and final cart review.
Impact
Measuring the Success of the Project
Website Transformation
We transformed Envira Pack's customer experience from error-prone email orders to a robust website platform for ordering bags, viewing stock, and managing designs. The new design gives users more control, allows purchases from almost any page, and enables automatic ordering, likely boosting satisfaction, engagement, and sales.
Client Feedback: "Sales Increase of Over 25%"
The CEO expressed great satisfaction with our solution and insights, anticipating a sales increase of over 25%. He requested our continued involvement to present our design and thought process to the development team.
Tommy Gellar
CEO - Envira Pack
"Ludvig effectively helped Envirapack increase sales and brand awareness. Through sharp analysis and interviews, he identified key needs and likely boosted sales by over 25%. His proposals were accurate, credible, and presented in an inspiring manner."
Conclusion
Reflection and Learnings
Complete Freedom
We were given complete freedom and trust to do what we believed would benefit Envira Pack. We quickly realised that the outdated website was the main issue. We decided to focus our efforts on improving the website’s design and usability to help boost sales and enhance the overall user experience.
Part-time and Independent Project
This was an extra project outside our regular education, so we worked on it part-time. Since it was only our second project, managing it without external guidance or a dedicated handler was challenging. On top of that, communication with the client was limited due to their busy schedule, so we had to move forward with little feedback.
Limited User Data
We prepared for multiple interviews and created surveys, but due to low responses, we only conducted 3 interviews—2 with clients and 1 with a sales rep. While these interviews were helpful, having such a small sample size made it hard to get a complete picture. To make up for it, we did competitor analysis and tried guerrilla interviews in Stockholm, though no one participated.
What I Learned
Despite the challenges, I learned how to manage a project independently and make decisions without much client input. I became better at balancing business goals with user needs and kept moving forward even when we didn’t have all the data we wanted. While the research phase didn’t go as planned, we still addressed the key issues and delivered solutions that will benefit Envira Pack’s sales process.
Team Collaboration
Another challenge was our small team of just three designers, including myself as Project Manager. I kept everything on track while coordinating with the team. By working closely together, we used our combined skills to overcome challenges and deliver a successful final prototype witch the client was very satisfied with.
