Designing Sales Layer page
the process.
Version 1, just a shot. (29th April)
What I’m trying to achieve — marketing director’s table with SalesLayer on it. Originally I wanted to have iPad there with the GIF animation going through the platform, editing colors, languages etc. But I couldn’t find the right pic so I went this way of showing platform (GIF is still the plan).
It’s more like a draft. I would like to know what do you think about it. The footer button does not make any sense right now without the text etc.
Samuel (marketing at Sales Layer): The style is clear. But I have some suggestions about content and final customer point of view. We have to transmit easily that : we have the solution to sort the information chaos for big business, and unify the forces to sale in all the ways with all the information. The current video shows the idea very well, and the website must have this caracteristic.
The new website there are elements of a desk, a classic book , flowers and small drawings a couple of sentences . It gives a feeling of home solution for organizing tasks and regular agenda. This is not the idea. Saleslayer takes information from very different professional sites , ERPs, marketing office , photographer, translators and provides real-time information to many online stores , online catalogs , apps and places the code to print the catalog or send cards in any language anywhere in the world. I think it’s very important to keep the spirit of the video. The message must be understood immediately. Saleslayer is the heart of information management and the key to success of large companies that sell on multiple platforms. In the home screen should not be the admin screenshot . It´s not the place . I really like the videos from Squarespaces , but it seems even clearer the system of icons and animations in the current video. Seize what is valid and improve, that is the key. The customers are systems managers, CEOs and Marketing directors or senior professionals. Thanks
… long story short: there is a problem, if I want to show the same way as video below.
However video includes an important 3 minutes commentary and replacing it with a long text description would not be a solution here… hmmmm
Version 2 — transforming video
We’ve decided to skip the first half of the video “about the problem” to “the solution”. However I still need to be a pretty concrete so people would understand that guy translates it, this girl is retouching photo and wow! that’s my ecommerce and iOS app…
That means pretty concrete illustration and good animation. Hmmm.
Alvaro (CEO at Sales Layer): Hmmm, Martin. That’s amazing, however we need sth different. More business like.
Hmmmm, that’s unfornute. Let’s move then.
Version 3.
Check the description and Alváro’s feedback (Sales Layer CEO) in commentary.
Version 3.5
- +2 Calls To Actions (video + “open new sales channels” )
Way too many (1st Get started, 2nd watch our video, 3rd open new sales channels, 4th menu links) => not clear what shall I do = leaving. - Trying to give a user intuitive flow from 1st call to conversion. And to avoid even more distractions I made the image full-height.
Flow — how it shall be. And hopefully is.
- Attention (that guy is looking on you and saying sth + consider it. he looks important and interested).
- Get his interest. <= More sales. and less catalog management. (when user is interested he will start looking for more info now it’s when he decides based on his preferences)
- Convince him. Video? Watch our latest (big company feeling) video. Looking for more info? → Retailer? Supplier? or interested in opening new sales channels?
Now it’s up to other pages to convince the user and make him “Get Started”.
The part after scrolling…
New one.
- → 2. 100 million → Get Started
- hopefully easy-to-understand
The rest
Not sure about buttons.
Picture Variant n°2 chosen by Alváro
New iterations (Monday 2nd June)
There are some minor details on homepage, see full preview and I’ll need to talk to you about how it works part.
Download full preview:
https://www.dropbox.com/s/pxc8sn4x0t3gemn/suppliers.png
https://www.dropbox.com/s/6dsu3x3ns9urjgw/retaillers.png
https://www.dropbox.com/s/pp68u31r9tt9c8m/about-us.png
https://www.dropbox.com/s/wbpajizlxfvi036/homepage.png (need a call about how it works part).
That’s it.
How it works process redesigned and interactive.
Full homepage preview: https://upx.cz/R7q (and retina).