Ingram Micro Global Rollout
Team: Sofia Matamales, Joyce Xu
Role: Senior Designer
Tools: Sketch, Figma,
Timeframe: 6 months
Ingram Micro is an online reseller that takes pride in its reseller programs. Some initial objective presented to our team was to create a global design customized for each country within desktop and mobile.
Redefining the initial objective based on research findings to ensure that the solution I delivered met the needs of our target audience.
- Designed the new B2B and corporate site using Sketch and Invision. Designing new processes for our 25,000 partners in more than 30 countries. Helping channel partners to establish, expand, and grow their business by creating intuitive best of class user experiences.
- Collaborated with customers, partners, peers, and stakeholders to understand opportunities and identify key customer experience.
- Collected product & business requirements, defining the scope of work, creating user flows, wireframes in Sketch to communicate UX concepts. Redefining the initial objective based on research findings to ensure that the solution I delivered met the needs of our target audience. I was able to help resellers find the products they need faster and more efficiently, improving the overall customer experience.
- Customized the design for each country, being aware of cultural and regional differences and taking steps to create a solution that is relevant and tailored to each market.
The challenge was to understand the values of both Ingram Micro and it’s resellers and ultimately redesign the existing app to address the needs of each country and its users.
Understand the values of both Ingram Micro and it’s resellers and ultimately redesign the existing app to address the needs of each country and its users was definitely a challenging task, as it required a deep understanding of the values and needs of both the company and its users. However, by conducting research and using design-thinking techniques, it was possible to find a solution that met the needs of both parties.
Redesigning the existing app to address the needs of each country and its users helped to ensure that the site was more user-friendly and relevant to the target audience. This, in turn, lead to improved user engagement and satisfaction, which drove growth and success for both Ingram Micro and its resellers.
My high-fidelity prototype was a great way to bring my redesign ideas to life and demonstrated what the new site might look and feel like for the users. By focusing on the navigation, membership signup process, and exclusive showcase page and product pages, I was able ensure that the most important aspects of the site was optimized for the users’ needs.
This prototype was also a valuable tool for usability testing and getting feedback from potential users. I used these results of these tests to make further refinements to the design, ensuring that it met the needs of the target audience and offered the best possible experience.
• User Flows
• Lo-fi phase
• Usability Testing/AB Tests using adobe analytics
• Summary of user tests, as needed
• Final Design
• Clickable prototypes
• Demo/walkthrough with PM
• On-page tracking using FullStory
• In-page customer survey’s
Page Tracking Using FullStory
• Understanding the user journey by evaluating FullStory reports
• Segmenting reports
• Viewing touch points, progress and broken links
• Watching videos of users on specific segments. Evaluating usability.
Comparing With Competitors
Competitive analysis was a crucial part of any redesign project, as it allows me to understand the strengths and weaknesses of both my own design and the designs of my competitors. By comparing our site to other players in the reseller space, I was able to identify areas where I could improve and make our site stand out.
Through this analysis, I was able to see what features were missing in our design and what our competitors were offering. I used this information to make informed decisions about what features to include in our redesign and what design elements to prioritize.
It was also important to keep in mind that competitive analysis is not just about copying the competition, but rather using their strengths as a starting point to create a unique design that was tailored to our specific users and goals.
Overall, conducting a competitive analysis helped me create a more user-focused and competitive app design that met the needs of our target audience and stood out in the reseller space.
Wireframes / Mid Fidelity:
In this stage, I created rough sketches of each page, which represented the basic layout and content structure. The goal was to refine the overall flow and functionality of the site, while also ensuring that the design met the user’s needs and was aligned with the goals of the project. Wireframes were often reviewed and iterated upon, allowing me to make changes and improvements before moving on to the next stage of the design process.
A design library, also known as a design system, is a collection of components, patterns, and guidelines that define the visual language, style, and behavior of a product or brand. By creating a design library, I ensured consistency in the look and feel of our designs, which helped to create a more coherent and recognizable user experience. Additionally, having a design library in place helped us to streamline the design process and improve collaboration between the design and development teams, as everyone has access to a common set of assets, styles, and guidelines. By using a design library, the team worked more efficiently, with less time spent on manual updates and fewer inconsistencies in the final product.
IOT Site Design
Tackle the site first to serve two primary goals. First, it gave us a well-understood problem space in which to develop the framework for a new version of the marketplace from a technology and design perspective. Since we didn’t have to be overly concerned with content or structure, we focused on making sustainable choices that carried us forward through the rest of the overhaul project. Secondly, it allowed us to show immediate value to our stakeholders by providing a place for the US IoT team to post content that today either go unposted or is posted to other, IoT-adjacent domains that do not provide the same SEO value and consistent experience that a fully-integrated blog can.
The site consisted of two primary pages, a “category” page, and a “post” page. The category page acted as the landing page when someone first enters the blog, to display multiple posts when viewing a category or tag, and as the result of a search, likely with some minor differences between those use cases. The post page is the actual home of the content that populates the blog, with a few different layout templates depending on the content type. In all cases, the primary action we want the user to take is to reach out to our team through some means.
To reduce the design and development maintenance costs of the IoT Marketplace, the category page serves several functions. Two key things it provides are a “blog homepage” experience and a way to see a subset of available posts defined by a category or tag. The content was arranged in strictly chronological order by default, but the CMS supported marking some specific posts as “Featured”, in order to specifically call them out on any category page.
The homepage needed to be visually appealing to entice the user into diving into whatever piece of content they find most interesting. To achieve this, we strived for a balance of showing a good range of content immediately with not crowding the content together, giving each post room to breathe. The blog homepage was accessible from any other page in the blog.