Keep Exploring.
Discover more case studies and past projects to see how each solution came together.
Putting the Group out There.
- Design
- UI + UX
- Development
Framing the Work for Storillo.
At A Glance: Designed and built a WordPress marketing site to help Storillo launch and grow awareness for their school-focused SaaS platform. The work extended an existing brand system into a consistent set of web patterns, playful illustrations, and clear messaging that speaks to both teachers and administrators.
Role: Designer (UX/UI + Visual System) And Developer (WordPress Build)
Partners: Brand Foundation By Helm UX. Collaboration With Storillo Founders.
Scope: Responsive Website Redesign, Sitemap + Page Patterns, Illustration/Graphic Motifs, Pricing + FAQ UX, And Blog-Ready Framework
Tools: Illustrator, Photoshop, Sketch, HTML/CSS, And WordPress
Constraints.
- Dual Audience: balance clarity for administrators with approachability for teachers.
- Trust + Playfulness: maintain a fun tone without undermining credibility.
- Maintainability: set up repeatable patterns so the site could grow without redesigning every page.
What I Owned.
- UX and UI design across the core templates (homepage, about, timeline, FAQ).
- Information architecture and a streamlined sitemap to support message clarity.
- Custom illustration and graphic motif system to extend the existing brand.
- WordPress build and implementation, including responsive behavior and page composition.
Outcomes.
- A modern, responsive site that better communicates Storillo’s value for schools.
- A clear foundation for content growth (including a blog pattern) without rework.
- Improved presentation for pricing transparency and FAQs, supporting buyer confidence.
Designed for Fast Understanding.
School software buyers don’t have time to decode a website. The experience was designed to explain what Storillo does, who it’s for, and why it matters within a few scrolls. A playful visual layer supports the tone, while clear hierarchy and page patterns keep the message scannable and credible.
- Clear Messaging: benefits and feature explanations are easy to skim.
- Pricing Transparency: pricing is treated as core content, not a hidden CTA.
- Scalable Patterns: templates and motifs make it easy to add pages and content later.
The Storillo Website.
The website redesign took the logo design and palette developed by Helm UX and grew its application. The site uses a new set of illustrations, icons, and graphical motifs to bring a playful atmosphere while also communicating to teachers and administrators the value Storillo brings to their schools.
Designed a responsive scaffold that scales across devices
A selection of playful imagery appears throughout the site
Implemented a concise and streamlined sitemap to clarify messaging
A dynamic FAQ gives teachers and administrators a clear play-by-play of Storillo’s benefits
Homepage Pattern.
The homepage is a story-driven landing page that explains the platform’s benefits and features, then supports decision-making with an upfront, transparent pricing model.
Blog Readiness.
The page patterns were built with content growth in mind, including a blog-ready design that can be activated when the team is ready to publish updates.
About Storillo.
The About experience introduces the two founders, explains their process (including the Golden Circle), reinforces pricing philosophy, and highlights outcomes through a group work gallery.
Timeline Pattern.
The Timeline pattern shows Storillo’s evolution from early concept to today, reinforcing momentum and credibility through key milestones.
FAQ Pattern.
The FAQ pattern organizes common questions into a scannable, easy-to-navigate layout so visitors can quickly understand how Storillo works and what to expect.
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.