RISA.com / Brand direction & digital experience
COMPLEX SOFTWARE.
CLEAR EXPERIENCE.
A technical brand. A broad product portfolio. One connected digital experience. As lead UX/UI designer and brand director, I shaped the RISA.com website, built in HubSpot with custom solutions.
Explore the work
Client / Project
RISA / Corporate & product website
My role
Lead UX/UI Designer & Brand Director
Platform
HubSpot Marketing Hub / Custom solutions
The assignment
MAKE THE TECHNICAL
FEEL APPROACHABLE.
RISA serves structural engineers who need to understand complex software before choosing the right tools. Its website brings product discovery, technical information, training, and support into one experience.
My role connected brand direction with UX/UI design: how the company presents itself, how information is organized, and how visitors find their next step. The website was built in HubSpot Marketing Hub with custom solutions.
01 / Brand direction
A SHARED IDENTITY
Connect the corporate brand and its product family through a consistent visual direction.
02 / UX/UI design
A CLEARER JOURNEY
Make a substantial product and resource library easier to understand and explore.
03 / Custom solutions
A CONSIDERED BUILD
Bring the experience into HubSpot, with custom code supporting the site’s requirements.
01 / Brand direction
ENGINEERING HAS A STORY.
SHOW THE HUMAN SIDE.
Engineering photography, working environments, and product identities give technical content a tangible setting. The visual story moves between the software and the world it helps engineers design.
bw.jpg)
Structural analysis
Multi-story building design
Steel connections
Concrete buildings
Structural calculations
Foundation designSelected product identities from RISA.com, shown as part of the website’s visual system.
02 / Product discovery & interface
MANY PRODUCTS.
ONE CLEAR WAY IN.
Product discovery works best when visitors can connect a tool with its purpose. Software demonstrations and real-world applications bring the product story into focus, while clear navigation helps people explore further.
RISA-3D / Product features
From menu to meaning
HELP VISITORS
RECOGNIZE THEIR PATH.
Distinct product names need context. Short introductions turn a list of software into a set of recognizable uses, while repeated visual patterns make the collection easier to scan.
- Group related choices.
- Give each product a clear introduction.
- Keep trial and purchase paths visible.
03 / Product storytelling
SHOW WHAT IT DOES.
MAKE THE NEXT STEP CLEAR.
The product experience moves from introduction to evaluation: a distinct identity, a demonstration, supporting information, and clear actions.
Visual hierarchy
THE ESSENTIALS FIRST.
Product identity and core actions sit at the start of the page. Supporting features and resources give visitors room to investigate further.
Decision support
CONNECT INFORMATION TO ACTION.
Trial, purchase, and contact paths connect product interest with a concrete next step, while learning resources support deeper evaluation.
Motion with a purpose
MAKE CAPABILITY
VISIBLE.
A static image introduces the interface. A demonstration gives visitors a closer look at the software in use, adding context to the product information around it.
04 / A connected resource experience
THE WEBSITE DOESN’T
END AT THE PRODUCT.
Training, technical help, and direct access to engineers support visitors at different stages of their relationship with RISA.
LEARN
Training gives visitors a path into the software.
WATCH
Video resources make room for demonstrations and deeper exploration.
UNDERSTAND
Help content supports specific technical questions.
CONNECT
Support provides a path from the website to the RISA team.
A STRONG BRAND GETS YOUR ATTENTION.
A CLEAR EXPERIENCE HELPS YOU MOVE FORWARD.
05 / Platform & implementation
BUILT IN HUBSPOT.
MADE FOR RISA.
HubSpot Marketing Hub provided the platform. Custom solutions supported the website’s design and functionality.
Brand meets interface
ONE CONNECTED DIRECTION.
As lead UX/UI designer and brand director, I brought the visual direction and interface experience together across the website.
Platform meets requirements
CUSTOM WHERE IT COUNTS.
The HubSpot build included custom code solutions, allowing the implementation to support the experience defined for the project.
Related case study
THE CUSTOMER PORTAL.
Explore the account and purchasing experience in a separate project.
Website screenshots were captured October 12, 2026. Additional imagery and product identities are sourced from the live RISA website. Current content may include changes made after the original project; source imagery is shown as website context and does not imply individual authorship of every asset.
06 / Frequently asked questions
THE PROJECT.
THE DETAILS.
What was Josh Garner’s role in the RISA.com website project?
Josh Garner was the lead UX/UI designer and brand director for RISA.com, connecting the website’s interface design with its brand direction.
What platform was used to build the RISA website?
The website was built in HubSpot Marketing Hub with custom code solutions supporting the site’s requirements.
What does this RISA website case study cover?
This case study presents brand direction, website UX/UI, product navigation, product-page presentation, and the connections between software information, training, and support.
Is this the same project as the RISA Customer Portal?
No. This case study focuses on the RISA.com marketing website. The RISA Customer Portal has a separate case study covering account access and purchasing workflows.
Are these images from the original website launch?
The interface screenshots were captured on October 12, 2026. Additional assets come from the live RISA website. They illustrate the experience and may include content updated after the original project.
How can I discuss a website or brand project with Josh Garner?
Contact Josh Garner with your audience, website goals, and any custom functionality you need. This provides a starting point for discussing brand direction and UX/UI design.
Your next digital experience
MAKE YOUR BRAND
WORK ON SCREEN.
Bring brand direction and UX/UI together. Let’s create a website that helps people understand what you do and where to go next.
Let’s talk about your website