Over 15 mockups and 120 icons
Design deliverables to present the application.
A functional, visual proposal that connects needs with cargo opportunities.
- Interactive Mockups
- +15
Deliverable
- Icons Designed
- +120
Deliverable
Context and challenge
Empresas de Servicios Externos Ltda. wanted to create a digital solution for TRAMO, an app focused on making better use of empty truck space on return journeys. The challenge was to:
- Develop a functional, informative website demo.
- Extend the brand identity through visual applications.
- Design mockups and intuitive iconography to demonstrate the app’s potential.
Goals
Deliver a fully functional strategic and visual proposal to pave the way for future implementation.
Tools
Before
- N/A
Current
- Adobe XD: UX/UI design.
- Adobe Photoshop & After Effects: Branding, iconography and animated mockups.
- WordPress: Website demo development.
- Initial SEO optimization.
Potential
- Google Analytics, Google Ads, Search Console, Adobe Analytics, Meta Ads, WhatsApp, CRM Clientify
Strategy and actions
Key elements of the project
Applying the Branding:
The strategy we implemented
Synapse Marketing Framework approach:
Our strategy focused on aligning every channel of the digital presence with the motivations and needs of TRAMO’s ideal client
Logo Evolution
- We used the “O” as a key symbol, representing a suspended container, and extended it into digital applications to strengthen the identity.
Functional Iconography
We created a series of minimalist line icons that convey clarity and usefulness in:
- App features.
- Visualization of logistics processes.
Interactive Mockups
We designed and animated graphic mockups to demonstrate:
- The app’s optimized UX/UI experience.
- Navigation and logistics tracking on the web and mobile devices.
Overall Visual Style
We implemented a vibrant color palette (yellow and black) that:
- Reflects modernity and efficiency.
- Ensures immediate brand recognition.
Improved Communication
- Development of a central creative concept: “Optimize empty journeys by connecting carriers and cargo”.
- Creation of clear, direct messages for both carriers and end users.
Branding, Iconography and Mockups
- Branding expansion: design applied to the website and mobile applications, ensuring visual consistency and professionalism.
- Creation of functional, modern, minimalist LineUp iconography to make the app easier to navigate and understand.
- Development of interactive, animated mockups showing the app in different scenarios and highlighting an intuitive navigation flow and the optimization of space and key features.
UX/UI Design and Web Implementation
- Development of an intuitive, functional interface that makes it possible to understand and visualize how to use the app.
- Creation of a website demo in WordPress, aligned with the branding and optimized to explain the value proposition.
The project in images
App Mockup
Iconography
App Mockups
App Presentation
Website design
Results
Impact of the strategy
Strategic design: from brand to functionality
TRAMO is a project that brings together branding, functional design and strategic solutions to demonstrate the potential of an innovative idea. From creating iconography and interactive mockups to extending the branding to web applications, every element was designed to pave the way for real-world implementation.
From a single idea, we created a comprehensive solution: branding, iconography, web design and user experience. TRAMO evolved from a static concept into a functional visual proposal that resonates through its clarity and usefulness.
At Agencia Cero, we turn ideas into visual and functional tools that connect, communicate and create real value.
Interactive Mockups
+15
Deliverable
Icons Designed
+120
Deliverable
Visual Consistency
100%
Projections
Projected Interactions
1500
Projection
Closing
Let’s talk about your project