AtlasTrucks
Website
Project Scope
AtlasTrucks tasked me with designing a trendy, user-friendly web platform to emphasize the luxury aspect of their trucks while maintaining practicality and approachability.
I analyzed their existing brand image and messaging to create a high-fidelity prototype. I made multiple iterations, we tested them, and documented results and next steps. Iterations were based on internal feedback from the design team and user testing. This project focused on balancing luxury and practicality, creating a modern user experience, and ensuring a cohesive brand identity.
Key Design Challenges
Balancing Luxury and Practicality- Highlighting the luxury aspect of Atlas Trucks' moving services while showcasing the practical benefits.
Modern User Experience- Creating an intuitive and easy-to-navigate website for users of all technical backgrounds.
Cohesive Brand Identity- Ensuring the website design aligns seamlessly with Atlas Trucks' existing brand image and messaging.
Stakeholder Interviews
I conducted stakeholder interviews with the majority of the Atlas Trucks team. I spoke with individuals from marketing, finance, design, and engineering/development. These were the insights that we gleaned from those interviews.
Business Goals
Enhance brand perception by highlighting the luxury aspect of Atlas Trucks.
Increase the number of bookings and customer engagement.
Differentiate Atlas Trucks from competitors by emphasizing both luxury and practicality.
User Needs
Clear and easy navigation to explore truck options and services.
Assurance of the luxury and practical benefits of using Atlas Trucks.
Seamless booking process with robust customer support.
Technical Requirements
Integration with tracking and booking systems for real-time updates.
Scalable design to accommodate future service expansions.
High-level security to protect customer data and transactions.
Design Studio
User Flows
I created two user flows for the prototype:
Browse services
Rent a truck
Wireframes
Building upon the established user flows, I created a series of wireframes to visualize the AtlasTrucks website's layout and functionalities. These wireframes serve as a blueprint, outlining the structure and content of each key page before diving into detailed design
Style Guide
To deliver a seamless user experience and maintain a consistent brand image across the AtlasTrucks website, we established a comprehensive design system. This system functions as a style guide, outlining the core design principles, reusable components, and best practices for website development.
High Fidelity Designs
These are the final screens we ended up with
Takeaways
Enhanced SEO Potential
While user experience was paramount, the focus on clear information architecture and high-quality content also serves as a foundation for strong Search Engine Optimization (SEO)
Mobile Responsiveness
Optimizing the website for a seamless mobile experience can be crucial in today's mobile-first world. Users might initiate their search for moving services or browse information on their smartphones. Ensuring a responsive design that adapts to various screen sizes will cater to this mobile audience and prevent any potential frustration