Website Design

This set is about web design

Clear Purpose:

The websites goal should be clear

Intuitive Navigation:

Users should find it easy to go to places on the websites

Responsive Design:

An adapted website that can be well presented on all screens

Engaging Visuals

High quality images, that go with the websites styles

User-Centered Design

The website should relate to the user

Purpose

The main goal, the purpose of the website

Audience

Who is your targeted audience

Platform

The platform that you will use to make your website such as Wix.com

Domain Name & Hosting

Register a domain name for your website and choose a web hosting plan.

Sitemap:

A map that shows where each page and how to get to pages on the website

Wireframes

A basic sketch of the website

Visual Design

Design the website's structural and visual elements, focusing on user experience (UX) and user interface (UI).

Content Creation

The text, images, videos of the websites

Branding:

The set logo, fonts, and style of you website

Development:

Build the website using the chosen platform, customizing the template to fit your brand.

Add Pages & Content:

Add the pages you planned and populate them with your engaging content.

Testing

Testing your website before launching, and constantly updating it time to time

Launch:

Deploy your website, making it live on the internet.

Monitoring

Looking at the analytics to fix, and update certain parts.

Maintenance

Continuously update and maintain your website, adding new content and features to keep it fresh and relevant.

Personal Websites

A personal website is personal, such as portfolios, blogs or even resumes. Examples:

Personal blogs, Online resumes, Artist portfolios

Business Websites

A business website represents a compony , and also shows what the do, or sell. It is basically an online business card. Examples: apple.com, law firms, agencies

E-commerce Websites

This website sells products or servicess, their website could and probably include a shopping cart, product catalog, payment integration. Examples:

Amazon, Shopify stores, Etsy

Portfolio Websites:

This website shows work or projects (often visual) for artists, designers, photographers, developers. to view. Examples:

Personal design portfolios

Blog or Magazine Websites:

Show stories, news, article, opinions. Examples:

Medium, TechCrunch, personal blogs

Educational Websites:

A educational website holds educational content such as courses, and tools. Examples:

Coursera, Khan Academy, school websites

Entertainment Websites

Provide fun, media, or news content. Examples:

Netflix, YouTube, BuzzFeed

Social Media Websites

Connect users for sharing content, messaging, networking. Examples:

Facebook, Instagram, LinkedIn

Web Portals

Web portals take you to different content/services/tools, all from one website. Examples:

Yahoo!, MSN, employee or student portals

Forums or Community Websites

Enable discussion, Q&A, or support. Examples:

Reddit, Stack Overflow, Quora

Above the fold

The portion of the website which you can see without needing to scroll down. This term is from the newspaper layout

Breadcrumbs

A navigation aid that shows a user's location within a website's hierarchy, typically appearing as a trail of links at the top of a page (e.g., Home > Blog > Article).

Call to Action (CTA)

A linked button, or image that encoureges the user to do a specific action such as "Sign Up" or "Download"

Footer

The bottom section of the website, contains copyright information, contacts, and privacy policies.

Hamburger menu

An icon with three horizontal lines that, when clicked, reveals a website's menu. It is most commonly used to save space on mobile devices.

Header

The top section of a website, usually consistent across all pages, which includes the site's logo and main navigation menu

Homepage

The main entry point of a website and the page visitors typically land on first.

Landing page:

A standalone web page created for a specific marketing or advertising campaign. It is designed to capture a visitor's information or to convert them into a customer.

Navigation

The system of links that guides users to different pages and sections of a website.

Sidebar

A narrow vertical column that displays supplementary information, links, or advertising alongside the main content of a page.

Quality Content

Content should be relevant, informative, valuable, and directly address the needs of the target audience.

Clear Calls to Action (CTAs)

Prominent and clear CTAs guide users to perform desired actions, such as making a purchase or contacting you.

Good Page Speed

Fast loading times are crucial for user engagement and preventing visitors from leaving due to slow performance.

Mobile-Friendly

A significant portion of internet users access sites via mobile, so being mobile-friendly is essential.

Alt text:

Descriptive text added to an image that appears when the image cannot be loaded. It is also read by screen readers for visually impaired users and helps search engines understand the image content.

Body content:

The main, unique text and media found on a specific page, located between the header and footer.

Hero image:

A large, prominent banner image or video placed at the top of a webpage to capture the visitor's attention and convey the site's purpose.

Metadata

Data that provides information about other data. For websites, this includes title tags and meta descriptions that tell search engines what a page is about.

Responsive design:

An approach to web design that ensures a website's layout and content adapt to provide an optimal viewing experience on any screen size or device.

SEO (Search Engine Optimization)

The process of optimizing a website to rank higher in search engine results, thereby increasing organic traffic

UI/UX (User Interface/User Experience):

UI is the visual design and interactive elements of a website, while UX is the overall experience a user has with the site, including how easy and intuitive it is to use.

Whitespace:

The empty space between and around elements on a page. It is critical for readability and organization

Security:

Implementing security protocols, such as HTTPS encryption, protects user data and builds trust.

SEO Optimization

Optimizing the site for search engines helps improve visibility and makes it easier for users to find.

Performance & Infrastructure:

Reliable web hosting and overall good technical performance ensure stability and 24/7 access.

Cohesive Branding

A consistent brand experience across the site, including its tone, visuals, and messaging, builds recognition and credibility.