Design work: Software
Software company website design and development for a voice assistant product: Oratria
Oratria is a website we designed for a voice assistant software product: a dark homepage led by one headline, a glowing figure and one button, and the identity carried on to a billboard, a wall sign and business cards. The page also sets out how we develop a software company website behind screens like these: downloads, sign up and sign in, pricing and billing, and the help center.
- Project
- Oratria
- Type
- Voice assistant product website
- Our work
- Web design, brand identity
- Platform
- Desktop website
Shown as design work under the Oratria project name. We designed the website and the identity, not the assistant. The reimagined screens, photography, product tasks, plans, prices and release notes are illustrative concepts. Downloads, accounts, billing and the help center show proposed development scope.
What the software product website had to do
A voice assistant has no screen of its own to show. Its website has to say in a line what the product does, give it a face that repeats wherever the brand appears, and point the visitor to one next step.
The design is near-black, with one warm rose tone and a single glowing figure standing in for the voice. The headline takes the left of the screen with Start Interaction under it, Sign Up and Sign In sit top right, and the same figure and rose carry on to a billboard that asks for the download.
- One line, one buttonThe headline, then Start Interaction.
- A figure for the voiceOne glowing figure, on screen and off.
- Dark with one accentA warm rose tone on a near-black page.
Software company website development, from the download button to the account
The pages are the part a visitor sees. A software company website runs on four more parts behind them, and they decide most of the build.
Downloads that know the device
One Download button that sends a phone to its app store and a desktop to the right installer, with the current version and requirements read from the release record.Sign up and sign in that just work
Accounts through an identity provider, with passkeys or an emailed code beside the password, and fields that password managers can fill.Pricing with the terms before payment
Plans, trials and renewals through the payment provider, the renewal terms stated before the card field, and cancel in the account where the plan lives.Docs and release notes in the CMS
Help articles, setup guides and release notes edited by the product team, so the site and the product change in the same week.
What the Oratria software product website does
Every page moves a visitor one step: understand what the assistant does, choose a plan, and get it running on their own device.
A product page written as tasks
What the assistant does in three everyday tasks, a note on the voice data it keeps, and the devices it runs on, under the same glowing figure.
Pricing with the trial terms in plain words
Free and Plus side by side, what the trial includes, when it renews, the price after it, and where to cancel, all before the card field.
Sign up that password managers can fill
Email first, then a passkey, an emailed code or a password, with paste allowed and no puzzle to solve, on desktop and phone.
A download page for every device
Store buttons for phones, installers for desktop, a QR code to move from laptop to phone, and the current version with its requirements.
A help center with release notes
Search across setup guides and answers, articles grouped by task, and release notes by version, so a user finds what changed. Proposed scope.
An identity that carries from the screen to the street
The rose mark and rounded wordmark on the site, the billboard, the wall sign and gold-foil cards, with the near-black and rose the homepage sets.
The services behind this work: web design and web development. Planning something similar? Read our guide to website redesign cost.
Before you brief anyone
Planning a software company website? Settle these first
Settle the one-line explanation, the single ask and where accounts live before the design.
Request a scoping callDecide the sentence that says what the product does.
A product with no screen to show, like a voice assistant, leans on the headline and the line under it, and the second line should name the tasks it handles in plain words.
Decide the one next step and where it leads.
Download, start a trial or book a demo: one primary button per page keeps the choice clear, and the same ask can carry on to outdoor and print, as Oratria’s billboard does.
Decide where accounts and billing live.
Sign up, sign in, plans and cancellation usually run on an identity provider and a payment provider, and the site has to state the renewal terms before it takes a card. For a subscription product, our SaaS design service designs the site and the product together.
Then agree the scope before comparing prices.
Our web development page covers the build, and our guide to website redesign cost explains the budget. Once the product ships, SaaS SEO is how buyers find it in search.
Questions about software company website design
If something here does not answer it, ask the founder directly.
Talk to the people who do the work
A 30 minute scoping call with the team that would take the project on. We reply within 12 hours.
Prefer email?info@redliolabs.com
What does software company website design include?
The homepage, product and pricing pages, sign up and sign in, a download page, a help center with release notes and the brand applied across them, designed for desktop and phone. Oratria adds the identity: the mark on a billboard, a wall sign and business cards.
Do you develop software company websites as well as design them?
Yes. We design software company websites through our web design service and build them through our web development work, with downloads, accounts, billing and the help center connected to the providers the company already uses. Oratria, shown here, is design work: the site and the brand, not the assistant.
How do you design a website for a product that has no screen?
We give the product a visual stand-in and repeat it wherever the brand appears. In this design one glowing figure carries from the homepage to a billboard, and the mark carries on to a wall sign and business cards.
Is a software company website the same as SaaS website design?
They overlap. A SaaS website sells a subscription product and leads to a trial inside it, so we design the site and the product together under SaaS design. A software company website may also sell downloads, licenses or services, which is the build this page sets out.
Should a software company use a website builder or a custom build?
A builder suits a product with a few marketing pages and a store link. A custom build pays when the site handles sign up, plans and billing, downloads by device, or a help center that has to change with each release.
How much does a software company website cost?
The page count, the brand work and what the site connects to, such as accounts, billing and the help center, decide it, so we give a figure after a scoping call. Our guide to website redesign cost shows the factors.
What a software company website has to get right before launch
A software product website signs people up, sells plans that renew and sends them to app stores, and each of those has a rule behind it.
ROSCA
Trial terms before the card, cancel simply
US law requires an online subscription to state its material terms before taking billing details, get express consent, and offer a simple way to stop charges.
15 U.S.C. §8403SP 800-63B
Passwords that managers can fill
NIST’s SP 800-63B-4 has verifiers allow password managers and autofill, impose no composition rules beyond length, and not force periodic changes.
NIST SP 800-63B-43.3.8
Sign in without a memory test
New in WCAG 2.2 at level AA: no sign-in step may rely on a cognitive test, such as recalling a password, unless an alternative or a helper like paste or autofill is there.
W3C: Accessible Authentication40 px
Store badges as issued
Apple asks for its own App Store badge artwork, unmodified, at least 40 px high on screen, with clear space of a quarter of its height around it.
Apple marketing guidelinesPrice 0
The app described for search
Google’s software app rich result needs the app’s name, an offers price, 0 when free, and a rating or review, so the download page marks up all three.
Google software app markup200 ms
A homepage that answers a tap
A good Interaction to Next Paint is 200 milliseconds or less at the 75th percentile, which an animated hero figure misses unless it stays off the main thread.
web.dev: INP
We check the trial terms, the sign-in flow and the store rules during scoping, so the site launches without a fix waiting in the first release.
More website design work like the software product website
Design work
Mental health website design and development for a behavioral health practice: Pure Harmony
A calm mental health website, and the private booking and matching behind it.
Design work
EV charging website design, carried from the homepage to a billboard
A website for an EV charging company, with a billboard and a wall sign.
Design work
Optometry website design and development for an eye care practice and frames shop: SpectraLux
An eyewear website, and the exam booking, frames shop and prescriptions behind it.
Talk to us about a software product website
Thirty minutes with the people who would design and build it: what the product does, how people get it, and where accounts and billing live.
- We reply within 12 hours
- You talk to the people doing the work, never an account manager
- Peer-reviewed releases
- NDA before your first call
Mayursinh Jadeja
Founder, Redlio Labs