double_arrow

Adrienne Warden

UX / Web Designer

Photo By: Aleks Dorohovich

I love web design. It's an opportunity to provide users with a useful and engaging online experience. It's a marriage of tech and design, that if done correctly, is like a fine work of art.

Portfolio

Filter Portfolio

Showing: All

Pill Reminder App
Handyman Handel

Developing a handyman service starter website. This is phase one of this project.

Case Study: Link

Prototype: Link

Business Account App Case Study
Business Accounting App

My first case study. 1 of 3 UX certification assignments.

Case Study: Link

Prototype: Link

Rap Group Ticketing Website
Ticketing App

This ticketing web app was prototyped using Figma. Assignment 2 of 3 for UX certification.

Case Study: Link

Prototype: Link

Pill Reminder App
Medicine Tracker App

A mobile app prototyped using Adobe XD. Assignment 3 of 3 for UX certification.

Case Study: Link

Prototype: Link

Painter's Profile
Painter's Profile

A painter's profile site. Design for scaling into an e-commerce site.

  • Goal: To build a starter site for a small service business that is compact and easy to scale.
  • Outcome: A streamlined webpage that includes pertinent features, introduces the princples and brands the business.
  • In Summation: An update for this sample would be to add more CTAs. Our KPI would be would be an increase users requesting and scheduling onsite quotes.
  • Created Using: CSS, HTML, Javascript and Bootstraps

Project Live: Link

Capernter Profile
Carpenter Profile

A CV built out of WordPress theme fustratation. Created using HTML, CSS, and Javascript.

  • Goal: To create a page without a theme builder or using WordPress infrastructer. WordPress is clunky and unforgiven. Once I discovered that pages could be built using code and frameworks this was my first attempt at straight coding web pages.
  • Outcome: A CV created based only on code. The page is responsive and interactive, allowing users the option to change the header image and navbar.
  • In Summation: My knowledge of JavaScript, semantics and responsive design increased with project. It remains live (for now) as a measure of how far I've come in my web development journey.
  • Created Using: CSS, HTML, Javascript

Project Live: View Profile

Hero Header Resume
Hero Header CV

A CV template that offers users the choice of 3 layouts. Hero Header is version 1 of 3.

  • Goal: Create 3 CVs that use the same design elements. Each version with a different layout. View: Side Fixed Header, Traditional Header
  • Outcome: There are 3 versions of the CV, each with a different layout. The Header and nav seem to be the most pronounced difference. Which means we did meet the goal. However, we aren't pleased that there is little distinction between the layouts aside from the header and nav placement.
  • In Summation: This is a project we plan to revisit in the future. After extensive UX training we've learned the process of design thinking, design systems and how to design with a focus on users. It will be interesting to see how our training will inform a redesign of this project.
  • Created Using: CSS, HTML, Javascript

Project Live: Link

Hiking Instructor Resume
Hiking Instructor Resume

A hiking instructor CV. Freshly updated. Our hiker is an employee of a companion sample site.

  • Goal: Create a themed website according to a specific industry. We researched hiking trails and training materials to build our color palette and content. View the companion hiking business website — Tri-Hikie.
  • Outcome: A CV and e-commerce site that uses the same design system. In the near future we'll have a case study, prototype and live version of the e-commerce companion site.
  • In Summation: We've updated the sample in June 2022. The theme needed more punctuation. Especially the e-commerce version of the project. The e-commerce version is currently in development. And a new set of KPIs are being drafted.
  • Created Using: CSS, HTML, Javascript

Project Live: Link

Man With A Van E-commerce Site
Man With A Van

A small pick up and delivery business website. Built as a multi and single page site.

  • Goal: A one page site verses a mult-page site. This project explored whether a multi-page site reduced to a single page could still be effective, robust and informative. View the single page version.
  • Outcome: Yupe, it is possible to reduce a multi-page site down to a single page and it still look amazing. A good exercise in less is more.
  • In Summation: Reducing a multi-site into a one page site is still intriguing to me. I would love to re-design this project starting from scratch, using the same theme, color palette and UX design principles.
  • Created Using: CSS, HTML, Javascript

Project Live: Link

Accountant CV
Accountant CV

This was a JavaScript training project. Displaying content through user interaction.

  • Goal: To reduce the amount of scrolling a user has to do by creating a CV with in a tab layout. There are two versions of this project. View Version 1.
  • Outcome: Version one has a header positioned at the top of the page. We were practicing position and initially gave the header a position of fixed. The header took up most of the view height leaving about 20% of the content visible. We unfixed the header and it currently scrolls with the page. Version 2's header is all tabbed - including the headear.
  • In Summation: Positining is important. Fixing elements has to be carefully planned out and executed. A header that takes up 75% of the screen height does not make for an improved user experience.
  • Created Using: CSS, HTML, Javascript

Project Live: Tabbed CV - V2

Perry Associates Realtors Re-do
User Search Control

An unfriendly quick search feature. Our mission — increase user search result success rates.

Project Details: Click On Search

Project Live: Link

Rap Group Ticketing Website
Bookings Page

A booking page with no way to book. We think it's a contact page, but ran with the title anyway.

Project Details: Click On Bookings

Project Live: Link

Allen's Pie Landing Page
Landing Page

A pie selling site with a confusing user-flow and an unbalanced design layout. We tamed the beast.

Project Details: Click On Landing

Project Live: Link

About

Designing the user experience never grows old...

Background Photo By: Randall Bruder

I started my working life as a legal secretary. A wonderful profession that began slowing contracting about 15 years ago. With the desire and ability to still be a productive worker, I began my pursuit of finding a new vocation. 2013 is where my web design journey begin. Little did I realize how being a legal secretary had prepared me for a career in web design. Working with teams, providing quality customer care, managing projects and the ability to perform under pressure are all skills that have served me well in becoming a designer.

I began training via MOOCs. As the world of web develop is ever changing, I have continued and expanded my studies. Recently earning a Google UX Design Professional Certificate. One can never know enough about web developmment, which is why it such a perfect fit for me. There's always something to learn, explore and test. Create web sites and apps has a true passion. There's nothing more satisfying then to help others create an online presence or brand.

Contact Me

Background Photo By: Viktor Hanacek

Your interest is appreciated.

Type text exactly to submit.
Type the above text exactly.

Never submit passwords through Google Forms.

This content is neither created nor endorsed by Google.  
Report Abuse - Terms of Service - Privacy Policy