Keep Exploring.
Discover more case studies and past projects to see how each solution came together.
Getting There in Style.
- Design
- UI + UX
Framing the Work for ROAR Logistics.
At A Glance: Led UX and UI design for a modern, responsive website refresh that elevated ROAR’s brand presence, clarified service offerings, and improved mobile usability. The experience leans on bold photography and clear hierarchy to build trust fast and guide users to the right service or contact path.
Role: UI + UX Designer (Website Experience + Page Patterns)
Partners: 19 IDEAS Strategy + Development Team, And ROAR Stakeholders
Scope: Responsive Website Redesign, Sitemap Refinement, Service Landing Pages, News Pattern, And Contact Conversion UX
Tools: Sketch, Illustrator, Photoshop, InVision, And HTML/CSS Handoff Specs
Constraints.
- Outdated Experience: transition from a dated, unresponsive site to a modern, mobile-first presentation.
- Service Clarity: ensure users could quickly understand offerings without wading through jargon.
- Credibility: elevate partnerships and proof points while keeping the site fast and scannable.
- Maintainability: patterns needed to support updates (including news and dynamic data).
What I Owned.
- Information architecture and sitemap restructuring for clearer navigation.
- UX and UI design across core templates (homepage, about, services, news).
- Responsive behavior and layout hierarchy to support mobile-first scanning.
- Conversion moments including client logins visibility and contact CTAs.
- Handoff specs and collaboration with development through build.
Outcomes.
- A modern, responsive site with a photography-led visual system and clearer hierarchy.
- A streamlined sitemap that made services easier to discover and understand.
- A flexible pattern system for service pages and ongoing news updates.
Designed for Fast Scanning.
Logistics buyers want confidence and clarity, quickly. The redesigned experience uses strong hierarchy and bold imagery to establish credibility, then guides users into the right service page or contact path with minimal friction.
- Clear Navigation: a concise sitemap helps users self-identify their needs faster.
- Credibility Up Front: partnerships and proof points are visible early in the experience.
- Conversion Ready: client logins and contact pathways stay easy to find across devices.
The ROAR Website.
The redesign modernized a previously unresponsive site into a mobile-friendly, credibility-first experience. A streamlined sitemap and consistent page patterns make ROAR’s service offerings easier to understand, while bold photography and visual rhythm keep the presentation premium and contemporary.
- Designed responsive page patterns to work across desktop, tablet, and mobile.
- Integrated a dynamic diesel price display as a recurring trust-building utility.
- Restructured the sitemap and content hierarchy for faster service discovery.
- Used bold, dynamic photography to reinforce brand tone and modernize presentation.
Homepage Pattern.
The homepage prioritizes the two most important actions: client logins and getting in touch. It establishes credibility with partner logos, provides quick entry into key services, and supports ongoing discovery through recent posts, a live diesel price readout, and clear contact information.
About ROAR Logistics.
The About experience builds trust by expanding on ROAR’s story and approach while still guiding users toward service pages and fresh content.
Service Landing Pattern.
Each service page follows a consistent pattern: strong imagery for tone, a concise service overview, and a scannable capability list to help users understand fit quickly.
News Pattern.
The News pattern gives ROAR a straightforward way to publish updates and industry insights, reinforcing credibility and supporting long-term thought leadership.
Still Curious?
Browse One of My Other Case Studies, Writings, Resources, Or Reach out for a Chat.
You can contact and connect with me through email, on Dribbble, or LinkedIn as well.