Chloe Gunter

Developer Portfolio

Project

Design and develop a portfolio website for a software developer.

Role

User Interface Designer & Web Developer

Being transparent with the client was the main priority; including them in my whole process. I needed to create the interface design that resonated with the client.

  • Adobe Photoshop
  • CSS
  • HTML
  • JavaScript
  • Client Discovery
  • Information Architecture
  • Responsive Website
  • Design Feature Plan

Design Process

I designed and developed a software developer's portfolio website as much as requested. My files were handed off to the client organized and developed to a statice site.

Live Site

Branding

After understanding the goal of the project, I got to know the look and feel my client wanted for their portfolio website. I researched for some inspiration for the techy, bright and simple design.

Below I listed the features that I created and then the furture features are the ones I suggested for my client to create for his development.

    Client Name

  • Christopher Gunter

    Occupasion

  • Software Developer

    My Features

  • Drop Down Menu
  • Light/Dark Mode

    Future Features

  • Animated Text
  • Blinking Type Line

Client Discovery

I developed a client discovery document for the client and project information. This document is an excellent way to quickly get an overview about the company, the project manager contact, and project priorities. This also allows me to offer additional services the client may need such as logo design or re-branding.

    Insights

  • My client needed his portfolio website designed and developed up into the point of little JS, so he could add some technical embelishments on his own.
  • Wanted the design to resonate with his career path.
  • The purpose of this site was to showcase his projects and in the future add a blog.
Construction Image 1
Construction Image 2
Construction Image 3
Construction Image 4
Construction Image 5
Construction Image 5
Construction Image 5
Construction Image 5
Construction Image 5

Content Structure

The information architecture is used to visualize the flow of how the user would get to each piece of content, a plan for the navigation.

Information Architecture

UI Comps

Before I started developing the new website, I created a phone and desktop screens for the home and portfolio pages. These comps were used as refrence for my creation of the pages and continue to be refrences for my client as he further developed the site after I passed the files on to him. After these were created, I made sure to get approval from the client before proceeding to be transparent and keep him involved. Having my client included in the process made him feel more releaved seeing the progress throughout my development process.

Outcome

Designed and developed a software developer's portfolio site. My clients request was for me to develop the site up to html, css and javascript to then obtain the files and continue the development to his ability.

Live Site

Other Featured Work

View my other portfolio projects.

View

Coastline Pools

View

Womens Self Help Blog

View

Q-Pond App

View

Bike Shop