Dynasty Emeralds

UI DESIGN / UX DESIGN

Dynasty Emeralds is a high-end jewelry Colombian brand that creates jewels with emeralds, diamonds and gold.

My Role
Sole UI/UX Designer
Duration
10 weeks
Tools
Adobe UX, Figma, Photoshop, Illustrator, Miro, Paper & Pencil
Project Timeline
Kickoff

About the project

Dynasty Emeralds a high-end jewelry brand that creates jewels with emeralds, diamond and gold. They are focused in providing each customer with the right choice of high-end jewelry and excellent service. They are opening a store in Medellin, Colombia and they want to launch a full responsive online store.

The goal

The main goal is to create a responsive online jewelry store for easy shopping. This will provide customers with an opportunity to shop from any device, anytime.

Design Process

After undertstanding the brief I defined one user flow and designer low-fidelity and high-fidelity wireframes with the following testing. I incorporated the changes and created the final UX design. Then proceed with the UI design.

Quantitative Research

The reasearch was conducted using Google Forms, participants filled out a survery.

I focused in the the users challenges while shopping and the most enjoyable functionalities.   

These are the highlights of the insights I discovered when working through the questionnaire results and feedback.

  • 43% Have trouble with search Engines.
  • 23% Have trouble finding quality local products.
  • Top Funcionalities: Shopping Cart, Reviews, Coupon Codes, Relates Items, Wishlist
  • Most Important: Item Quality, Delivery Options, Site Design, Payment Options.
The Users
User Flow

While creating a user flow, I took account both the needs of the business and the users.

Information Architecture
P&P Wireframes

I took some time to get my ideas on paper, this process helps me get into the design state of mind.

Anterior
Siguiente
Usability Test
I conducted Usability Test to assess the learnability of new users interacting with the website for the first time. I easured if users understand the website and how to complete functions such as consultuing a price, checking a product description etc. Thanks to the Usability Test I was able to define and solve a few issues, such as the one shown on the right.
LoFi Wireframes

After card sketching, I started with low-fidelity wireframes. The wireframes will be tested by users to identify pain points and optimise the design.

 
HiFi Wireframes

 After creating our prototype from low-fidelity wireframes, and the results obtained with the usability test I started with the next set of design iterations.

Style Guide

Thanks!

maildesaragomez@gmail.com

Vuelta al Porfolio
Siguiente caso de estudio