Project Overview —
Source Media Web Design

Goal: Design a modern, user-friendly website for Astra Cells, a company focused on pioneering battery cell technology, targeting both technical and business audiences.

Design Goals

  • Present AstraCells as a reliable and efficient solution for integrating battery technology.
  • Simplify complex processes, making it easier for users to navigate through the decision-making and validation phases.
  • Showcase the technical advantages of AstraCells’ battery technology in a data-driven, easy-to-digest format.
  • Facilitate requests for product samples with clear, user-friendly CTAs, and guide users through the purchasing process.
  • Create a consistent, professional interface that reflects AstraCells’ innovative approach to the industry.

Solution

  • Use a “Show, don’t tell” approach by integrating interactive features that demonstrate the battery tech in action, including animations and visual demonstrations of performance metrics.
  • Heavily technical, data-rich content: Provide detailed specifications, reliability data, and case studies that are backed by metrics (e.g., energy efficiency, lifecycle performance).
  • Implement a clean, minimalist design with a focus on usability, featuring a well-organized information architecture that ensures technical details and products are easy to find.
  • Feature contrast-rich colors for a modern, professional look while maintaining clear, readable typography (inspired by technical industries, such as aerospace).
  • Showcase real-world case studies and testimonials that highlight the cost-saving potential, reliability, and efficiency of AstraCells’ products.
  • Call-to-action elements should encourage users to easily request samples or get in touch for a consultation, driving conversion.

User’s Frustrations

  • Complex and time-consuming integration of new battery technologies, involving multiple stages of validation, supplier negotiations, and technical approval processes.
  • High costs associated with finding reliable battery technology suppliers and ensuring product quality.

User’s Motivations

  • Seeking reliable and high-quality battery technology solutions to streamline their operations.
  • Looking for time-saving tools that simplify the technical validation and procurement process.
  • Hoping to avoid wasting resources on unreliable suppliers or lengthy trial periods for new technologies.

UX/UI Process

User Research & Persona Creation:

  • Target Audience: Engineers, CTOs, and business investors in the energy sector.
  • User Pain Points: Complex technical information and unclear benefits of battery technology.
  • Motivations: Easy access to product specs and R&D updates, with clear demonstrations of competitive advantages.

User Research & Persona Creation:

  • Wireframes & Prototyping: Created high-fidelity wireframes with a clear, scannable layout, prioritizing technical product details and research advancements.
  • Color & Typography: Used a professional and modern color palette with clean typography, designed to enhance clarity and trust.
  • Visual Elements: Integrated interactive product diagrams and data visualizations to make complex technical details accessible and engaging.

Information Architecture:

  • Content Organization: Structured the website to highlight key sections: battery products, research, and applications. Clear and intuitive navigation enhances the user journey, allowing easy exploration of detailed product specs and industry insights.
  • Simplified Navigation: Focused on reducing cognitive load by organizing content into easy-to-follow categories for both technical and non-technical users.

Development:

  • Platform: Built on WordPress, integrating custom coding for performance optimization, fast loading times, and seamless interaction with visual elements.
  • CMS Integration: Developed a scalable CMS for Astra Cells, enabling them to easily update product information, research advancements, and news without the need for technical expertise.