Goal

The primary focus of this project was to create a website that would effectively attract clients while distinguishing itself from competitors. The site needed to be intuitive and easy to navigate for all users.

Essential components included a contact form, an about page, a blog section, and a portfolio showcasing our work. The homepage would clearly communicate our brand values and outline our design process methodology.

Challenges

• Stand out while maintaining professionalism.
• Designs must be equitable and accessible.
• Create an identity that resonates with our target audience.
• Design a layout that works seamlessly across all devices and screen sizes

Competitive Audit

I began by conducting research into websites of other UI/UX design agencies. The key questions I explored were:

• How were these websites laid out?
• What pages did they have?
• How many pages did they typically feature?
• What was the visual and graphic design approach?
• What clients do we want to appeal to?

I noted my observations and insights on each website. I wanted to implement the functionality and professionalism of established agencies and convey that we are unique and will take a different approach.

Other Research

In addition to design research, I investigated industry statistics for freelance UX Designers to help determine competitive pricing models and understanding average project timelines. I also explored development options for the website, particularly focusing on Wix and its effectiveness at converting Figma designs to code. Ultimately, we decided to code the website the old fashion way rather than use a website builder.

Brainstorming

I started with a mobile-first approach for scalable designs across devices. The most important features I needed to include were: a prominent contact button and a hero message.

Initially planning light/dark mode with a toggle. To create a tech-focused aesthetic, I selected fonts that reinforced this vision. The high-contrast combination of neon colors against a black background evoked a programming environment. I ultimately committed to a dark mode-only design as it best served the concept. The BOOK CALL button required prominent homepage placement.

Laying out the pages

With the dark mode established as the main design, I began laying out the other pages and creating polished designs for each one.

Pages that needed to be made:

• Homepage
• Portfolio
• Case Study
• About
• Contact

Final Product

Homepage

Case Study

Portfolio

About Page

Contact Page

❮ ❯

With the layouts esablished, I created polished designs for each page, and included content so the final product can be fully visualized and easily developed. Each page features unique layouts and distinctive graphic design elements. My personal favorite is the case studies, because the hero image creates an eyecatching design that shines brilliantly in contrast to the black background. All pages can be accessed at any time through the navigation bar and the footer.

Potential Clients can reach out from multiple locations on the website: the footer, the homepage, and the navigation bar to ensure no missed opportunities. Similarly, social media links are strategically positioned in these same locations, making it easy for website viewers to connect across all platforms.

This was a very exciting opportunity as a new designer. I deeply enjoy creating unconventional designs, especially for websites, and having full creative control of the entire project made it especially meaningful. I am very satisfied with the final product and thoroughly enjoyed the entire process from beginning to end.

Throughout this project, I developed crucial skills including:

• creating a comprehensive brand identity
• conveying professionalism while preserving a unique aesthetic
• implementing mobile-first web design principles
• streamlining the design to development workflow