UI Designer/Developer

UI Design Figma Photoshop Wireframes Hi-Fi Designs Drupal HTML CSS Javascript Agile Project Mangement

The Stanford Residential Dining and Enterprises division provides assistance for their students and staff which encompasses housing, dining, auxiliary services and campus conferences. Their student/staff facing website needed a complete design and development rebuild for modernization, better efficiency, proper management and accessibility for all users.

The solution? I developed an Agile planning structure to handle all the necessary project expectations which included Branding, User Research, Wireframing, Comp Design, Platform Development, and finally Post Launch Maintenance.

Project Details

Define

Start by understanding the user and branding

Site Architecture

Develop the user navigation structure

Sketches

Design the user screen rough drafts

Empathy Map

Understand the primary user's experience

Style Guide

Develop the overall theme through brand standards

Personas

Create a set of user personalities

Iterate

Improve upon the look and feel

Sketches

Design the user screen rough drafts

Wireframes

Create a base layout mobile forward struture

High Fidelity Comps

Add to the initial designs with theming

Platform

Turn the designs into application

1) It started with the local install of their proprietary development environment and I began discussions for general planning and strategies team wide.

2) Then I moved into core Drupal theming adding necessary requested nodes to the CMS and building out the main menu system.

3) Finally, we transitioned into developing a solid launch schedule and testing phase transition for the Stanford R&D team to completely take over operations moving forward.

Sketches

Design a user flow for the administrator

Summary

Post project maintenance and support

With the site fully deployed and live, I continued scheduling meetings with the team to ensure there were no issues or anything needing assistance on my end.

We also established from that point their team could handle overall maintenance and I would continue being on call for handling any further potential major issues outside their control if necessary.

Overal though, the project was a major success in coordinating a simple freelancer with a major university's IT team to complete what turned out to be quite an extensive process.

Before

The original website

After

The current version

Other Projects