Studio Melamed

Spectral — brand, mascot, and UX for a DevSecOps tool

Spectral
Spectral homepage - Automated Code Security for Modern Teams, with the brand's wolf character illustration.
Spectral

Empowering teams to accelerate software development and deployment, all the while preventing real-time security errors, safeguarding against credential leaks, mitigating misconfigurations, and averting data breaches.

spectralops.io
  • Branding
  • Illustration
  • Logo
  • Design
  • Print
  • Webdesign
  • Ux/Ui
Spectral mobile website - phone screens showing the responsive design.

well-designed and user-friendly experience

The mobile website features a clean and modern design that is optimized for smaller screens. The navigation bar is clear and concise, and the content is well-organized. Users can easily find the information they need, whether they are looking for a product overview, a pricing plan, or a contact form.

Spectral mascot sketches - early wolf character explorations.

Mascot Design

Based on the idea of a hacker who is also a superhero. He wears a black hoodie, friendly smile and a mischievous glint in his eye.

Great example of how a mascot can be used to effectively communicate a company's brand and values. He is a memorable and relatable character that helps to connect with developers and make SpectralOps more approachable.

Spectral mascot sketch - wolf head with a playful squiggle.
Spectral mascot - the hacker-superhero character in a black hoodie surrounded by code and devices.
Spectral isometric icons - a set of 3D-style icons rendered on a flat surface.

Isometric Icons

The icons are all isometric, which means that they are rendered with three dimensions, even though they are displayed on a two-dimensional surface. This gives the icons a sense of depth and realism, which makes them more visually appealing.

Icons Design

Designed to be simple, yet effective. They are used to represent the different features and services offered by the company, and to help users navigate the website.

Spectral icon set - a grid of simple line icons on white cards.

Pricing Page Design

How a pricing page can be designed to be both informative and visually appealing

Spectral pricing page - Free and Professional plan cards side by side.

Mascot and Helpers Design

SpectralOps also uses female mascots to represent the company's commitment to diversity and inclusion

Spectral female mascot helper 1.Spectral female mascot helper 2.Spectral female mascot helper 3.

Workbook Design for Children

The workbook is designed to be visually appealing and engaging for children. The use of bright colors, illustrations, and interactive activities makes the workbook fun to read and learn from

Spectral children's workbook - illustrated activity pages, sheet one.Spectral children's workbook - illustrated activity pages, sheet two.
Spectral website illustration panel - long-form layout with custom artwork.

Illustration and Text Design

The illustrations on the SpectralOps website are all original and custom-designed. They are used to illustrate different aspects of SpectralOps' products and services, such as the different types of security threats that SpectralOps can protect against. The illustrations are also used to create a sense of personality for SpectralOps, and to make the website more engaging for users.

Spectral website illustration panel - artwork with character avatars.
Closing shot - the Spectral wolf stickers applied to a laptop.

Thank you for watching 😉

WhatsApp