cdpcardoso.pt USED TECHNOLOGY
Svelte
Figma
SQL
Adobe Illustrator
BRIEF DESCRIPTION
Casa de Pasto O Cardoso is a traditional restaurant/bar that provides a relaxed and familiar ambient. Their team’s friendlyness, professionalism and their amazing dishes is what put their name on the map. Despite their traditional appearence, the management decided it was time to push a step forward and create a website. The website’s main feature would be the digital menu, in order to have an alternative to limited quantity phisical menus. Alongside that, the website has a role in promoting the buisness and provide the costumers with an insight about their rich history.
Initialy, I was responsible to develop the design of the website aswell as it’s implementation, but after some conversations with the owner we figured a management platform would enable the team’s independent management (managing stock, prices, dish description, etc.) and photography sessions would help to enrich the website.
FEATURE HIGHLIGHT
Features present in this project that I personaly was very satisfyed with.
SHALLOW ROUTING
Sometimes, it’s useful to create history entries without navigating. For example, you might want to show a modal dialog that the user can dismiss by navigating back. This is particularly valuable on mobile devices, where swipe gestures are often more natural than interacting directly with the UI. In these cases, a modal that is not associated with a history entry can be a source of frustration, as a user may swipe backwards in an attempt to dismiss it and find themselves on the wrong page.
MULTIPLE LANGUAGES (PT/EN)
Website’s default lang is based on user’s browser language settings, and, in the nav, users are able to swap languages manually in one single click, with no page refresh and with virtualy no delay for this action.
DETAILED WINE AND DISH INFORMATION
After some research I’ve figured that most digital menus have very low depth. Of course, it’s a menu and you should not overcomplicate it. But there are ways to abstract information until the user goes looking for it, without compromising a clean design and readability. In this case, I’ve implemented a “view more” button to wines and dishes that were deemed relevant by the restaurant’s staff. Like so, I’ve managed to satisfy a need to explain a bit more about their dishes without compromising a straight forward and not confusing user experience.