Vitorović MID
A clear digital presence for a family wood-processing business.
A live website for a family-owned wood-processing business.
Vitorović MID is a family-owned wood-processing business with more than 20 years of experience in timber processing and preparation.
I designed the website from scratch to give the business a clearer and more professional online presence while keeping the experience simple for customers who primarily need practical information: what services are available, how custom orders work, where the company is located and how to get in touch.
I independently defined the website structure, organized the content, designed the complete desktop interface, created reusable components and semantic color variables, and added interaction states in Figma. The final design was implemented and is now available as a live website.
Turning an offline business process into a clear website.
The business provides several services that depend on customer-specific details such as measurements, quantities, material availability and delivery arrangements.
That creates a different challenge from a traditional e-commerce experience. The site does not need to push customers through a complex online checkout. It needs to explain the offer clearly, establish credibility and make the next step obvious.
The experience also needed to balance practical service and contact information with the experience and history behind the family business.
- Services that depend on measurements & quantities
- No online checkout — contact is the next step
- Practical information and company history in one page
- Complete desktop website in about 7 days
Make the offer clear and contact the obvious next step
Independent website design, from structure to states
I worked independently on the complete website design for Vitorović MID — the one-page structure, information hierarchy, content organization, desktop UI and the reusable system behind it.
That included defining the relationship between direct phone contact and the secondary inquiry form, and preparing the design for prototype presentation in Figma.
- Website structure & information architecture
- Content organization
- UI design — desktop website
- Component design & Auto Layout
- Semantic color variables
- Interaction states & prototype
- Figma
From understanding the business to making contact
Key features across the page
07:00 – 17:00
Srbija
Designed around how the business actually works
Design foundations & UI library
Try the interactive prototype
Scroll through the full desktop website and try the button hover states and the input interaction. Motion is intentionally limited to interface feedback.
A live website, designed in about seven days.
In approximately seven days, I independently created the website structure, content organization, full desktop UI, semantic color variables, reusable components and interaction states in Figma.
The final result gives the family business a professional digital presence that clearly communicates its services, explains how custom orders work and provides visitors with direct contact and inquiry options.
The website is publicly available at vitorovicmid.rs.
- Live, publicly available website
- Complete desktop website design
- Semantic color variables & reusable components
- Interaction states with Smart Animate
The right flow depends on how the business works.
Designing around the real business process. For Vitorović MID, a direct conversation is often more useful than a complex online ordering process, because measurements, quantities, availability and delivery need to be confirmed individually.
Making practical information feel professional. Hierarchy, typography, spacing and content structure can make straightforward business information feel considered without adding complexity.
Building a small system instead of isolated sections. Semantic color variables, reusable components and consistent typography kept a simple website coherent from the hero through the form and footer.