UI, UX Case Study

UI Design

When designing your web site a case has to be made to justify why we're taking it on. The case also stands as a record to refer back to if need be. Below is a case study example that is about a freelance digital designer who is looking to improve their website.

Title & Subtitle

Title
  • Jewel Edge Design (JED)
    the acronym being my name

Subtitle
  • Beauty in the eye of the viewport
    Digital design

Jewel Edge Design

Project Type

Business/Portfolio website showcasing works to gain leads into digital design services on offer. I am leveraging full stack design because its services are scalable offering design solutions in part, or in overview of the entire brand strategy.

Services
  • Brand Identity
    Logo Design

  • Graphic Design
    Web content, Image Editing, Campaign Creation, Typography

  • Product Design
    UI/UX Design, Prototyping, Wireframing

Project Type

Project Date/Duration

This project was first built in 2016. The latest edition took 3 months to design and build.

Site History
  • v1.3
    Published : Mar 2023
    Current

  • v1.2
    Published : Mar 2020

  • v1.1
    Published : 2016

My Role

I manage the entire life cycle of the project, its upgrades and ongoing maintenance.

Project Management
  • Brand Guardian
    Brand identity

  • Web Content
    Web Content, Image Editing, Campaign Creation, Colour Toning, Typography

  • Web Development
    UI/UX Design, Prototyping

Digital Designer

Summary

A freelance digital designer offering services from concept to completion. The aim is to grow the business working alongside a growing network of clients to develop brands, digital creatives & strategies.

Project summary

Challenges

The biggest challenge is turning visitors to leads. The site gets steady traffic and has a good size audience to showcase to.

Troubleshooting
  • How to maintain steady traffic
    Keeping the audience engaged while attracting new visitors.

  • How to turn more visitors to leads
    Finding clients who are a mutual fit.

Solution

The site has been entirely refreshed. To improve brand visibility I converted my logo from a .png image file to a combined .svg and text .html file. To wrap up - I applied a simple css animation to the logo's icon for effect. Layout adjustments on my portfolio page for improved user experience and better tracking of activity.

Upgrades
  • Brand Identity
    .svg file format

  • Layout Improvements
    Composition, typography

Coming soon
  • UI Design Themes
    A range of themes using my wireframe.

Results

I use this case study to figure out what I build, why I build it and when to expect its completion. Before doing anything else, a case study determines whether or not a potential project is viable.

In this results section, details about the sites performance, after publication, are outlined. And - serves as a measure of well the site has been designed and built.

Site Tree

Jewel Edge Design

Jewel Edge Design 2023