Professional UI Design for Corporate Site
Budget: $30 – $250 USD
#### Objective:
We are seeking a skilled UI designer to create a user-friendly, responsive design for a corporate website. The website will serve as an online presence for a company, showcasing its subsidiaries, services, news, and other corporate information. The design should be clean, professional, and aligned with the company’s brand identity.
#### Scope of Work:
1. **Homepage**
- **Page Title Banner**: A prominent title banner that introduces the company.
- **Banner Section**: A prominent banner featuring the company's tagline, a brief description, and a call-to-action (CTA) button.
- **Subsidiaries Section**: Brief overviews of the company’s subsidiaries with logos and links to their respective pages.
- **About Us Section**: A concise introduction to the company with an image and brief content.
- **News Section**: Highlights of the latest news with links to full articles.
- **Contact Us Section**: Quick access to the contact form and company contact information.
2. **Subsidiary Pages**
- **Page Title Banner**: A title banner that clearly identifies each subsidiary.
- **Banner Section**: A prominent banner specific to each subsidiary, with a tagline or brief description.
- **Main Subsidiaries Page**: A central page that provides a brief overview of each subsidiary, including logos and links to individual subsidiary pages.
- **Individual Subsidiary Pages (5 Total)**:
- **Banner Section**: Unique banner for each subsidiary.
- **Overview Section**: Introduction to each subsidiary with a description of services offered.
- **Services Section**: Detailed list of services provided by the subsidiary with icons and descriptions.
- **Contact Section**: Specific contact details for the subsidiary.
3. **About Us Page**
- **Page Title Banner**: A title banner introducing the company's mission or history.
- **Banner Section**: A banner introducing the company's mission or history.
- **Overview Section**: A detailed description of the company’s mission, vision, values, and history.
- **Organization Structure Section**: Information about the company’s organizational structure with a visual representation.
4. **Board of Directors Page**
- **Page Title Banner**: A title banner introducing the board of directors.
- **Banner Section**: A banner introducing the board of directors.
- **Directors Section**: List of directors with their pictures, titles, and brief bios.
5. **News & Blog Pages**
- **Page Title Banner**: A title banner relevant to the news or blog section.
- **Banner Section**: A banner relevant to the news or blog section.
- **News/Blog Listing Page**: A list of news/blog posts with titles, short descriptions, and links to full articles.
- **News/Blog Detail Page**: Detailed view of a single news/blog post with title, content, and related posts.
6. **Contact Us Page**
- **Page Title Banner**: A title banner for the contact page.
- **Banner Section**: A banner featuring a call-to-action for inquiries.
- **Contact Form Section**: A form for users to submit inquiries.
- **Company Contact Information**: Display of the company’s address, phone number, email, and social media links.
7. **Employee Dashboard**
- **Page Title Banner**: A title banner for the employee dashboard.
- **Banner Section**: A banner for the employee dashboard.
- **Dashboard Overview**: Access to employee-specific information and tools.
8. **Design Elements:**
- **General Design Elements**: We will provide logos and full text content for each section of the website. You will be responsible for designing all visual elements, including sliders, icons, images, banners, and any other design components needed to complement the provided content.
- **Color Scheme**: Professional and clean, using colors that align with the company’s brand identity.
- **Typography**: Modern, readable fonts with clear hierarchy between headings, subheadings, and body text.
- **Icons & Images**: Custom icons for services and products, high-quality images relevant to the content.
- **Responsive Design**: Ensure all pages are optimized for mobile, tablet, and desktop views.
- **Language Support**: The design should support both English (LTR) and Arabic (RTL) languages.
- **Recording Requirement**: The designer should record their screen during the design process to create a behind-the-scenes video of the project.
- **Open Source Files**: Provide the final open-source design files (e.g., Figma, Sketch, Adobe XD) upon project completion.
9. **Deliverables:**
- **High-Fidelity Mockups**: Detailed mockups for each page listed above in both desktop and mobile modes, covering both English and Arabic versions.
- **Style Guide**: Documentation of the design elements including color codes, typography, and iconography.
- **Responsive Design**: Mockups showing how the UI adapts to different screen sizes.
- **Behind-the-Scenes Video**: A recorded video showing the design process.
- **Open Source Files**: All source files for the project in the original format used (e.g., Figma, Sketch, Adobe XD).
#### Page URLs:
- **Corporate Pages:**
- `/en-sa/`
- `/en-sa/subsidiaries`
- `/en-sa/subsidiary1`
- `/en-sa/subsidiary2`
- `/en-sa/subsidiary3`
- `/en-sa/subsidiary4`
- `/en-sa/subsidiary5`
- `/en-sa/Contact`
- `/en-sa/About`
- `/en-sa/Board`
- `/en-sa/OD`
- `/en-sa/News`
- `/en-sa/News/Title-of-news`
- `/en-sa/Blog`
- `/en-sa/Blog/Title-of-news`
- **Employee Pages:**
- `/en-sa/Employee/Dashboard/`
- `/en-sa/Account/AzureLogin`
#### Submission Requirements:
- **Portfolio**: Include examples of previous UI design work.
- **Timeline**: Provide an estimated timeline for completion.
- **Revisions**: Specify the number of revisions included in the proposal.
We are looking for a designer who can create a professional and polished UI that enhances the user experience across the corporate website. Please submit your proposal, including your portfolio, timeline, pricing, and confirmation of the provision of open-source files.
---
This description now emphasizes the requirement for open-source files, supports designs in both English and Arabic, and requests a behind-the-scenes video of the design process.
We are seeking a skilled UI designer to create a user-friendly, responsive design for a corporate website. The website will serve as an online presence for a company, showcasing its subsidiaries, services, news, and other corporate information. The design should be clean, professional, and aligned with the company’s brand identity.
#### Scope of Work:
1. **Homepage**
- **Page Title Banner**: A prominent title banner that introduces the company.
- **Banner Section**: A prominent banner featuring the company's tagline, a brief description, and a call-to-action (CTA) button.
- **Subsidiaries Section**: Brief overviews of the company’s subsidiaries with logos and links to their respective pages.
- **About Us Section**: A concise introduction to the company with an image and brief content.
- **News Section**: Highlights of the latest news with links to full articles.
- **Contact Us Section**: Quick access to the contact form and company contact information.
2. **Subsidiary Pages**
- **Page Title Banner**: A title banner that clearly identifies each subsidiary.
- **Banner Section**: A prominent banner specific to each subsidiary, with a tagline or brief description.
- **Main Subsidiaries Page**: A central page that provides a brief overview of each subsidiary, including logos and links to individual subsidiary pages.
- **Individual Subsidiary Pages (5 Total)**:
- **Banner Section**: Unique banner for each subsidiary.
- **Overview Section**: Introduction to each subsidiary with a description of services offered.
- **Services Section**: Detailed list of services provided by the subsidiary with icons and descriptions.
- **Contact Section**: Specific contact details for the subsidiary.
3. **About Us Page**
- **Page Title Banner**: A title banner introducing the company's mission or history.
- **Banner Section**: A banner introducing the company's mission or history.
- **Overview Section**: A detailed description of the company’s mission, vision, values, and history.
- **Organization Structure Section**: Information about the company’s organizational structure with a visual representation.
4. **Board of Directors Page**
- **Page Title Banner**: A title banner introducing the board of directors.
- **Banner Section**: A banner introducing the board of directors.
- **Directors Section**: List of directors with their pictures, titles, and brief bios.
5. **News & Blog Pages**
- **Page Title Banner**: A title banner relevant to the news or blog section.
- **Banner Section**: A banner relevant to the news or blog section.
- **News/Blog Listing Page**: A list of news/blog posts with titles, short descriptions, and links to full articles.
- **News/Blog Detail Page**: Detailed view of a single news/blog post with title, content, and related posts.
6. **Contact Us Page**
- **Page Title Banner**: A title banner for the contact page.
- **Banner Section**: A banner featuring a call-to-action for inquiries.
- **Contact Form Section**: A form for users to submit inquiries.
- **Company Contact Information**: Display of the company’s address, phone number, email, and social media links.
7. **Employee Dashboard**
- **Page Title Banner**: A title banner for the employee dashboard.
- **Banner Section**: A banner for the employee dashboard.
- **Dashboard Overview**: Access to employee-specific information and tools.
8. **Design Elements:**
- **General Design Elements**: We will provide logos and full text content for each section of the website. You will be responsible for designing all visual elements, including sliders, icons, images, banners, and any other design components needed to complement the provided content.
- **Color Scheme**: Professional and clean, using colors that align with the company’s brand identity.
- **Typography**: Modern, readable fonts with clear hierarchy between headings, subheadings, and body text.
- **Icons & Images**: Custom icons for services and products, high-quality images relevant to the content.
- **Responsive Design**: Ensure all pages are optimized for mobile, tablet, and desktop views.
- **Language Support**: The design should support both English (LTR) and Arabic (RTL) languages.
- **Recording Requirement**: The designer should record their screen during the design process to create a behind-the-scenes video of the project.
- **Open Source Files**: Provide the final open-source design files (e.g., Figma, Sketch, Adobe XD) upon project completion.
9. **Deliverables:**
- **High-Fidelity Mockups**: Detailed mockups for each page listed above in both desktop and mobile modes, covering both English and Arabic versions.
- **Style Guide**: Documentation of the design elements including color codes, typography, and iconography.
- **Responsive Design**: Mockups showing how the UI adapts to different screen sizes.
- **Behind-the-Scenes Video**: A recorded video showing the design process.
- **Open Source Files**: All source files for the project in the original format used (e.g., Figma, Sketch, Adobe XD).
#### Page URLs:
- **Corporate Pages:**
- `/en-sa/`
- `/en-sa/subsidiaries`
- `/en-sa/subsidiary1`
- `/en-sa/subsidiary2`
- `/en-sa/subsidiary3`
- `/en-sa/subsidiary4`
- `/en-sa/subsidiary5`
- `/en-sa/Contact`
- `/en-sa/About`
- `/en-sa/Board`
- `/en-sa/OD`
- `/en-sa/News`
- `/en-sa/News/Title-of-news`
- `/en-sa/Blog`
- `/en-sa/Blog/Title-of-news`
- **Employee Pages:**
- `/en-sa/Employee/Dashboard/`
- `/en-sa/Account/AzureLogin`
#### Submission Requirements:
- **Portfolio**: Include examples of previous UI design work.
- **Timeline**: Provide an estimated timeline for completion.
- **Revisions**: Specify the number of revisions included in the proposal.
We are looking for a designer who can create a professional and polished UI that enhances the user experience across the corporate website. Please submit your proposal, including your portfolio, timeline, pricing, and confirmation of the provision of open-source files.
---
This description now emphasizes the requirement for open-source files, supports designs in both English and Arabic, and requests a behind-the-scenes video of the design process.