A modern, high-performance redesign of the Samsun University Software Engineering department website. Developed as a midterm project focusing on professional UI/UX, semantic HTML5, and advanced CSS3 layouts.
Experience the live site here:
[👉 https://utkuhanakar.github.io/SU-Software-Engineering-Web-Project/ - GitHub Pages]
This project was developed using a modern AI-assisted workflow.
- Role: I acted as the Lead Architect and System Designer, defining the UI/UX requirements, project structure, and logic.
- Assistance: Generative AI (LLMs) was utilized for rapid prototyping, generating semantic boilerplate code, and debugging complex CSS Flexbox/Grid layouts.
- Goal: This approach emphasizes architectural oversight and high-level system management over manual syntax writing, significantly accelerating the development cycle while maintaining code quality.
The visual identity was established in Figma before coding to ensure a "Design-First" approach.
- Figma Design File: https://www.figma.com/design/C2lwxniNNwmbqshN09RsWd/Untitled?node-id=0-1&t=Fk0qaa4ytEgF0JnD-1
- Palette: Beige (#FAF9F7), Turquoise (#0D9488), Dark Blue(#1A1A2E) and Accent Red (#B91C1C).
- Typography: Inter & Poppins (Google Fonts).
- 10-Page Architecture: Full coverage including Home, About, Faculty, Curriculum, Labs, Announcements, Projects, Internship, Contact, and Prospective Students.
- Pure CSS3: Zero external CSS frameworks (No Bootstrap/Tailwind). Built entirely with Flexbox and CSS Grid for maximum performance and customizability.
- Semantic HTML5: Optimized for SEO and accessibility using proper tags like
<header>,<nav>,<main>, and<footer>. - Responsive Design: Fully fluid layout that adapts seamlessly to Mobile, Tablet, and Desktop resolutions.
- Modern Iconography: Integrated with FontAwesome 6 for a crisp, professional look.
🛠️ Technology Stack HTML5 (Structural Semanticism)
CSS3 (Custom Properties, Flexbox, Grid)
Figma (UI/UX Prototyping)
FontAwesome (Vector Icons)
Google Fonts (Typography)
├── index.html # Homepage & Hero Section
├── hakkimizda.html # History, Vision & Mission
├── kadro.html # Academic Staff Directory
├── mufredat.html # Course Curriculum & Syllabus
├── laboratuvarlar.html # Department Laboratory Facilities
├── duyurular.html # News & Announcements
├── projeler.html # Research Groups & Student Projects
├── staj.html # Internship Guidelines
├── aday-ogrenci.html # Information for Prospective Students
├── iletisim.html # Contact Form & Location Mapping
├── style.css # Centralized Master Stylesheet
├── README.md # About Repo
Developer: Utkuhan Akar
Department: Software Engineering - Samsun University 2026 Samsun Üniversitesi Yazılım Mühendisliği Bölümü
Project Type: Academic Midterm Project