Website Interfaces
Layout and interface design for websites, portfolios and business pages.
FRONT-END DEVELOPERWITH A FOCUS ONUI/UX.
I design websites and interfaces in Figma, then bring them to life with front-end development or WordPress.
PORTFOLIO / 2026
01 / Services
SERVICES
The main focus is websites, landing pages and interface design — from the first layout to the final responsive version.
Landing Pages
Focused pages for services, products, campaigns and online businesses.
Dashboards
Clear interfaces for data, controls, navigation and internal systems.
Content Structure
Organizing sections, information and navigation before designing the interface.
Responsive Front-end
Turning layouts into responsive pages using HTML, CSS and JavaScript.
WordPress
Theme installation, customization, page setup and visual adjustments.
02 / Selected projects
SELECTED WORK
Each project includes a case study with the context, interface decisions, process and implementation details.
01
PETCARE
Responsive appointment page for a veterinary service.
Focus: Layout, interface hierarchy and responsive behavior.
- UI/UX
- Responsive
- Front-end
02
BUDGET APP
Dashboard concept for organizing expenses, categories and monthly data.
Focus: Dashboard layout, data hierarchy and responsive interface.
- UI/UX
- Dashboard
- Front-end
03
BURGER PAGE
Landing page concept for a restaurant.
Focus: Visual hierarchy, sections and responsive layout.
- UI/UX
- Landing page
- Responsive
04
TASK BOARD
Kanban-style dashboard for organizing tasks and project progress.
Focus: Interface structure, cards and responsive behavior.
- UI/UX
- Dashboard
- Front-end
05
COOKIE SHOP
E-commerce landing page for a cookie shop.
Focus: Product presentation, page sections and responsive layout.
- UI/UX
- E-commerce
- Front-end
06
WEATHER APP
Weather dashboard with current conditions and practical recommendations.
Focus: Information hierarchy, weather data and responsive interface.
- UI/UX
- Dashboard
- Front-end
03 / Process
HOW I WORK
Understand
I start by understanding what the page needs to do and what content it needs to show.
Organize
The next step is defining the sections, hierarchy and basic flow.
Design
From there, the interface takes shape in Figma, including its responsive variations.
Build
When needed, the approved layout becomes a responsive website or WordPress page.
Tools & technologies
- Figma
- HTML
- CSS
- JavaScript
- React
- WordPress
- Git
HAVE A WEBSITE OR INTERFACE TO BUILD?
Let’s talk.
info@vivianecanuto.com