Website Design & Development

Applebox is an Atlanta based production company that specializes in Automotive and Tabletop productions. I worked step by step with Applebox to create and define the new direction of their brand, represented on their website. After workshopping designs, I brought the Prototypes to life and developed the website and implemented the animations and custom created Digital Assets for each of their Directors and Photographers in order to create a beautifully designed website that met all of their needs.
View Website
client
Applebox
project year
2024
Design Process Summary
  1. Research and Discovery:
    Met with client to review existing website and learn about the needs and wants of the redesign. Conducted a Competitive and Comparative Analysis with other Production Websites to utilize as reference for functionality and appearance. ‍Created user personas to represent the target audience and guide design decisions.Defined user journeys to map out interactions and identify key touchpoints.
  2. Information Architecture:
    ‍    Created a Site Map to provide a clear, organized structure of the website, ensuring intuitive navigation and a seamless user experience by mapping out all the pages and their relationships.
  3. Branding, Components, & Accessibility:
    ‍‍    Defined a Color Palette, Type System and consolidated the Graphic Assets. Created basic branded components with Variants to be easily utilized and updated in Figma. Checked the components, colors, and typography to ensure ADA compliance and inclusiveness for all users.
  4. Wireframing & Prototypes:‍
    Designed low-fidelity wireframes to outline basic layout and functionality. Once approved, adapted them into interactive prototypes to define important user flows.
  5. Testing: & Iteration‍
    Conducted usability tests with real users to gather feedback and identify pain points, analyzed test results and iterated on the design to address issues and improve the user experience, and validated design changes with stakeholders and users to ensure satisfaction.
  6. High Fidelity Designs:‍
    Applied branding guidelines to create visually consistent and appealing UI elements and created high-fidelity responsive layouts to ensure optimal performance across devices and to showcase final designs for approval from stakeholders.

Information Architecture

Typography & Color Palette

Figma Components & Variants

View Website

Copyright 2024 @Cha All Rights Reserved

Directing, Producing, Editing & Photography Work