Makki Studio – Företagswebbplats
Makki Studios egen företagswebbplats – designad och utvecklad med Next.js, TypeScript och Tailwind CSS.
Project Goal
Målet var att skapa en professionell företagswebbplats för Makki Studio som tydligt kommunicerar tjänster, priser och tidigare projekt, samtidigt som webbplatsen är snabb, tillgänglig och lätt för både människor, sökmotorer och AI-agenter att förstå.
Key Features
- Responsiv design för mobil, surfplatta och desktop
- Tydlig presentation av tjänster och priser
- Projektportfolio med detaljerade case
- SEO-optimerad metadata och canonical URLs
- Schema.org-strukturerad data
- Tillgänglighetsanpassad HTML och formulär
- AI-agent-vänlig struktur och navigation
- Kontaktformulär med spam-skydd
- Next.js App Router
- Komponentbaserad frontend
UI Architecture
- Återanvändbara React-komponenter
- Komponentbaserat designsystem
- Semantisk HTML-struktur
- Responsiva Tailwind CSS-layouts
- Återanvändbara CTA-, Navbar- och Footer-komponenter
- Strukturerad metadata och Schema.org
Snapshots
Makki Studios startsida med tydlig presentation av webbdesign, webbutveckling, projekt och tjänster.
Tjänste- och prissida med tydliga webbpaket för företag.
Kontaktformulär där potentiella kunder enkelt kan beskriva sitt projekt.
Role & Learning
Jag designade och utvecklade hela webbplatsen själv, från informationsarkitektur och visuell identitet till frontend, SEO, strukturerad data och tillgänglighet. Projektet har gett mig möjlighet att kombinera mina kunskaper inom UX/UI, React, Next.js och TypeScript med ett verkligt affärsmål: att göra Makki Studio tydligt för både potentiella kunder och moderna sök- och AI-system.