Web & Mobile Interface Design

Mobile Looks

🟦 Envertech – UI/UX Design Case Study

Web & Mobile Interface Design | Internship Project

🔹 Overview

Client: Envertech Role: wordpress developer (Intern) Tools: Figma Platform: Web & Mobile

🔹 Project Brief

Envertech is a software development company that provides innovative tech solutions for businesses. They wanted a clean, modern, and professional web presence to showcase their services, portfolio, and values.

As a wordpress developer Intern, I was tasked with designing a responsive web and mobile interface based on their Figma brief.

🔹 Goals

Design a landing page that clearly communicates Envertech’s services

Build trust through a visually strong and structured layout

Highlight their values and portfolio in a clean and interactive way

Ensure a consistent and responsive experience across desktop and mobile

🔹 Design Process

1️⃣ Research & Discovery

Analyzed websites of tech and software agencies

Identified best practices in content layout, hierarchy, and tone

2️⃣ Wireframing

Built low-fidelity wireframes to define the content flow

Focused on clarity, consistency, and simplicity

3️⃣ Visual Design (Figma)

Used a white-blue theme to reflect trust and professionalism

Integrated real app mockups, value icons, and clean typography

Included strategic CTAs and well-balanced spacing for readability

4️⃣ Mobile Adaptation

Adapted each section to mobile view

Optimized spacing, typography, and interaction patterns

🔹 Key Screens

💻 Desktop Screens:

Hero section with headline and CTA

Service highlights (UX, Web, Mobile)

Company values with icon-based layout

Portfolio feature (Dana Abadi)

Blog preview and contact CTA

📱 Mobile Screens:

Simplified hero with mobile-first CTA

Vertical stacking of service cards

Streamlined navigation

Optimized content blocks for readability

🔹 Final Result

A responsive website with a modern, user-focused layout

Clear service presentation and strong brand message

A featured portfolio case that enhances business credibility

Blog and contact sections to support future engagement

🔹 Learnings

This project taught me how to:

Align business goals with user experience

Handle both desktop and mobile design systems

Manage real-world design constraints and feedback loops

Communicate design decisions with clarity

🔹 What’s Next?

I’m excited to keep growing as a designer and tackle more real-world challenges. Feel free to check out the full prototype or get in touch!