Mystic
Back

soySMS·2025

soySMS

(Overview) 01

soySMS lets businesses send SMS campaigns, notifications and reminders to thousands of contacts in seconds. The project spanned the full spectrum, from brand identity and design system to the frontend build of the entire application: the marketing site, the onboarding flow and 40+ dashboard views.

View live site

Client

soySMS

Year

2025

Services

Design, Development

Deliverables

Brand identity, Design system, UI/UX design, Frontend build

The Challenge

Design and build a transactional SaaS where a persuasive marketing site and a data-dense working dashboard (campaigns, credits, contacts, billing) coexist under one coherent visual voice. Getting in had to be the easy part: a complete, consistent set of authentication screens sharing the same visual language as the rest of the product.

The Approach

A bespoke brand identity and a token-based design system that guarantees consistency on every screen: the envelope icon, a graded brand purple and Albert Sans defined as reusable variables, components designed once and applied throughout the product, and a responsive build of 40+ views, from the public site to the dashboard.

40+

screens designed & built

100%

responsive

Live

in production at soysms.es

soysms.es

(Brand & Design System) 02

The icon, a messaging envelope, distills the category into a single mark. A full brand board was built with color versions and real-world applications, plus a palette and typography defined as reusable tokens: a brand purple in graded depths for accents and CTAs, over a base of neutrals and semantic states used consistently across tables, badges and forms.

soySMS logo
soySMS logo
soySMS logo
soySMS logo
soySMS logo
soySMS logo

Isotype & app icon

positive

positive

negative

negative

on dark

on dark

mono black

mono black

transparent

transparent

Icon sizes

128
64
32
16
soysms.es
favicon

Palette

brand#8a77f0
brand-700#6353c9
brand-deep#502274
brand-50#f3f2fa
ink#0b0710
success#e7f4ec
warning#fbf3e0
muted#8b8794

Typography

Albert Sans

AaBbCcDdEeFf · 0123456789 · ¿?¡!

100 → 900 · display, headings, body, captions · -0.02em tracking

(The Product) 03

Send

Compose & send

Message composition with recipient and group selection, a character and credit counter, and the option to schedule delivery for later.

/enviar
Campaigns

Recurring sends on autopilot

Scheduled campaigns by frequency (daily, weekly, specific days) with Active and Paused states, for reminders and onboarding with zero manual work.

/campañas
Contacts & groups

Organized audiences

Contact management with import, segment grouping and opt-out lists to respect recipient preferences.

/contactos
Templates

Reuse without rewriting

Saved message templates to speed up frequent sends and keep a consistent tone across every communication.

/plantillas
Credits & billing

A transparent prepaid model

Credit-pack purchasing, usage history and billing with tax details. Success and failure payment screens close the transactional loop.

/créditos

(The Outcome) 04

A clean interface that makes a complex operation simple: create, schedule and monitor deliveries. The product is live at soysms.es, with a complete flow that runs from sign-up to delivery report, through automated campaigns, templates, contact management and prepaid billing.

app.soysms.es/panel
soysms.es
/mensajes/detalle
app.soysms.es/login
UI DesignUXBrandingDesign SystemHTML / CSSResponsiveFrontendJavaScriptSaaSFigma

Next project

Atlas Legal