We were asked to build a product website for Pedilay and provided with modern, elegant visuals as the starting point. Despite a challenging deadline the project was completed on time a success thanks to a positive collaboration with our client and their design agency.
What did the client want?
For the launch of the new product Pedilay our client requested a product presentation website that was visually appealing and featured with several modern UX elements.
The initial site was planned to feature only 5 content pages, each with a unique layout. We were however asked to keep in mind that this site will later be extended into a larger, multilingual website.
Our role in the project
We provided the client and their design agency with guidance from a development and usability standpoint throughout the design and planning process.
We implemented the website on the basis of the visual mockups provided, including development of several custom layout elements.
We made use of a page builder extension and other methods to allow the client to easily edit the majority of the website (z.B. text, layouts, slider) without external guidance.
Project highlights
1. Slider with card effect
On the homepage we implemented a custom image slider with a ‘card slide’ effect, including color transparency and alternate responsive layout. We set this up so as to ensure the client could make changes themselves in the future (e.g. buttons, colour, content).
2. Fluid, non-grid-based layout
The layout design was modelled on a brochure aesthetic and so in some cases it was necessary to ‘break’ out of the standard’ 12-column grid-based layout to enable elements to overlap and to achieve the required background/element positioning and content alignment.
3. Interactive signup form
On completion of the Pedilay signup form the user receives visual acknowledgment in form of a changing background, which displays a line/weave structure to represent the material of the product.
4. Toggleable text elements
The layout of the site should be clean and uncluttered throughout, with a focus kept squarely on the imagery. Hence certain text elements were abbreviated, with toggle buttons to display additional details.
5. Full-screen mobile navigation
We wanted to make the navigation on mobile devices a visual highlight. To achieve this we implemented a full-screen mobile menu which is intuitive while reinforcing the focus on the Pedliay brand.
Our conclusion
The basis of this project was a successful collaboration with both the client and their design agency. Pedilay was very satisfied with the final website and have since asked us to further support them in the expansion of this site into something significantly larger over the next year.
About the client
Pedilay Care GmbH is a young, globally networked team of practitioners, researchers and entrepreneurs headquartered in Munich. They develop innovative, intuitively applicable disposable medical products for feet. The focus of their work is the advantage for the patient and his environment.