Paraden
Founding designer. Brand, site and app UX.
Paraden needed a public identity and a clear explanation of its outbound sales product. I designed the brand and website, and the app's navigation, setup, campaign steps and campaign page.
The brief
The public site needed to explain a technical product. When the company repositioned, I revised it around the updated product.
The app needed a clear order for setting it up and using it. Setup is done by sales leads and founders, so it had to feel safe, and a campaign had to be easy to follow without a manual.
- Year
- 2026
- Team
- One designer and one developer
- My contribution
- Brand, website design and build, information architecture and app UX
Explain the product in the order it works.
The website follows the product's four stages: teach it what you sell, find the right people, research each prospect, then write and send.
Each stage says what the product does and which decisions stay with the team. The same structure gave the repositioning rewrite a clear frame.
Make the explanation concrete.
The website shows the research above the email it informs, so a reader can connect what the engine found with what it wrote.
Ask questions that fit the visitor.
The demo form asks for the visitor's role first, then adjusts its labels and wording. A sales leader, an investor and someone who is just curious each get a relevant way into the same product.
Bring the company and the product under one name.
With the repositioning, I brought the company and its product under one name, Paraden. The website and the app now share it, down to the app's Teach Paraden section.
The identity pairs a wordmark in a petrol to mint gradient with a hexagon field, and one type system runs across the site.
Put setup before campaigns.
The app sits behind a login, so these screens come from a demo account with a fictional company. Its navigation follows the order of the work: teach Paraden about the company and the product first, then run campaigns.
The dashboard is a setup checklist. It says the steps can be taken in any order, that nothing can break and that everything can be changed later, so the first hour feels safe.
Set up a product with a few short answers.
Adding a product takes a handful of questions: what it does, what makes it different and the return a customer can show. The page says what the answers feed: the targeting profile and the outreach emails. That tells the team why it's worth answering well.
Build a campaign in seven named steps.
The seven steps are named across the top, from the details and ideal customers through contacts and the sequence to a preview. Each step asks for one thing and shows where you are, so nobody has to hold the whole process in their head.
Tell the team what happens next.
A campaign page says where it stands in plain words. This one is a draft: setup isn't finished and no emails are saved yet. A What happens next column lists three linked actions: review the prospect list, tighten the targeting and keep the do-not-contact list current.
The next steps are written into the page itself, so someone who opens it cold knows what to do. The team approves every email before anything is sent.
Where it stands
The brand and website are live. The app is live and in use behind a login.
Visit paraden.ai ↗What I delivered
- The identity and public website
- The repositioning rewrite and role-aware demo form
- App navigation, the setup checklist, product setup, campaign setup and the campaign page
Next, Advanced Sales Training.
A new identity and website built around the founders' own voice.
Rron Imami, London.
