STRIDE SOFTWARE
Website planning and design for a software startup.
Role: Creative Direction and Design
Platform details on Stride’s site
A look at the planning, illustration and website design for Stride Software.
SERVICES
Responsive website design, iconography, illustration, UI/UX design.
TECHNOLOGY AND TOOLS
Trello - project management and informal feedback
InVision - wireframes and prototypes
Adobe XD - design and prototypes
Illustrator - icons and illustrations
Photoshop - asset production
Sketch - website design and prototyping
Dropbox - asset storage and sharing
PROJECT DETAILS
The Stride leadership team approached us to refresh their visual style, help plan marketing content and design an expansion of their website.
ABOUT STRIDE
Stride empowers enterprise marketing teams to have more meaningful conversations with customers through advanced segmentation, triggering, and personalization all without needing IT or engineering help.
The software promises savings on custom development and maintenance time—offering customization with a point and click interface—and allows every teammate access to data to create real-time customer segments.
Plan and design a refreshed website, segmented by use cases and platform features, to show how teams can leverage their existing customer data to have more meaningful interactions.
GOALS
Organize marketing content into use cases for different types of prospective customers
Illustrate the Stride marketing platform conceptually, illustrate product features in an approachable and friendly way—develop a visual style that feels bright and energetic
Design a responsive website with clear navigation and CTAs that emphasize platform benefits and requesting a demo
CONTENT PLANNING
Organizing the content for findability and discussion
We created diagrams and annotated wireframes to help align people from different disciplines to talk about goals and requirements.
Do we have what we need and are the things located and connected in a way that makes sense?
Sitemap and phased diagram planning
Low fidelity wireframes and content inventory
Annotations identifying content and related behaviors, along with comments or questions for discussion
SITE ASSETS
Icons and illustrations that highlight platform benefits in a refreshed style.
Design style options
We explored different illustration styles and site designs, landing on a consensus around being bright, bold and approachable—the platform should not feel overly technical or complicated.
Evolution of the site illustrations, beginning with a small stock library by Nimart
STRIDE ENGINE
An abstract representation of how the platform organizes disparate data streams into actionable channels.
Evolution of the engine diagram
Abstraction representing the ingested insights and generated actions the platform is capable of creating
ICONS
Illustrating platform features as icon callouts.
Platform feature icons
