Web design: vicomm
vicomm.de is a project I worked on for a new B2B company creating educational videos. Main objective of the website was online representation and gaining new clients. The target audience was broad, from startups to big companies.
I developed and published this website for desktop as well as mobile, using WordPress and Divi. Specific functionalities I incorporated were a fullscreen video on the home page, as well as a hamburger menu on desktop instead of the standard menu module. By request of my client a call to action was included on each page.
My client provided a very rough sketch of the website structure they had in mind, plus links to websites that could serve as examples in terms of look and feel. I proposed the idea to create a scrollable home page, divided into sections that all linked to dedicated secondary pages.
To make sure I had the right idea of what my client needed in terms of page structure and content, I started by sketching a wireframe. This aided communication around how many pages my client would need me to make, and by when I would need them to deliver the corresponding content.
In terms of corporate branding, the company already had the logo, three colours and a main typeface, but they needed me to expand on this further.
My client suggested a total of six colours, for which I made swatches, but after working on the website mockup, I advised sticking to 4 colours in total, so as not to make the website too cluttered.
I also created a prototype illustration, to be used to represent each person working at the company.
On the landing page, my client wanted to display a fullscreen video on loop. I kept the top bar minimalistic by putting in a hamburger menu instead of a standard menu module. The top bar is transparent until you start scrolling. This way, the video content is allowed to shine.
The footer menu consists of links to the main pages, contact details and social media links, and the company’s logo and tagline.
For the about page, I created a set of 6 icons to represent the different ways educational videos could be of use to a client. To do this, I converted the headings into more general concepts, to better communicate the underlying meaning behind each icon. For example, “Produkt” became selling, and “Image” became values.
Mockup for the contact page, including a contact form and Google Maps integration.
My client was very happy with the landing page as it came online, and with the other pages I prototyped. Unfortunately, the plug was pulled on this project shortly after, so I didn’t have the chance to develop the full website.
I'm a visual designer and artist, working from my studio in Berlin-Wedding.