The tone your Clients connect with

overview:

Ask a designer to design his own home and construct it too. Alike to a self-performing design-build contractor contracting himself for a personal project, aA started as an assessment of personal branding and turned into an introspective focus all of a multi-disciplined professional's skills and interests into one web-app-shaped elevator pitch. Interestingly enough, a web app can make the pitch and it can also step out of the elevator and continue the conversation deeper into the details if appropriate- all without the use of a single elevator.

problem:

Effective communication and trust needs to be established between human beings for a partnership to be long-lasting and fruitful. Professional work is the same to me, thus the initial conversation is to be led in the most candid and precise of available ways.

solution:

Construct an experience that can enlarge in detail as a deeper conversation evolves.

research:

A curated collection of web developer portfolios were studied, the likes of recent bootcamp grads all the way to established professionals like Bruno Simon and his axonometric driving experience.

synthesis:

A person will begin to pay less attention to the medium as the interaction progresses positively, also causing the experience to rise immensely in value. The objective becomes a platform that can interact with the user and inform deeper without loosing a sense of place.

design:

An opening ceremony, inviting and responsive 'onMouseMove' animation for an orbiting SVG, and a menu that sorts topics and data into levels of detail, all while preserving 'white space' (or 'black mirror-esque space') that features item prominence and allows background media shows to transform the experience into one that is project-specific.

delivery:

aA is deployed and hosted through github and github-pages; an AWS S3 Bucket used for media referencing.

next steps:

overview:

American Vengeance Tattoo Co. website design concept, proposal demo, development and launch assessment services were performed by a team of two Freelance Full-Stack Developers who split the process between front-end and back-end programming.

problem:

Lacking a centralized database for the Artists and their Pieces, potential customers refer to various social media profiles to consume different artist's works.

solution:

Embody the Kenosha Shop's ethos and construct one web experience for users to navigate through the plethora of services and works offered.

research:

Websites of renowned shops in the likes of New York City's Bang Bang Forever were accounted for with the objective of growing the platform's viewer and overall client base.

synthesis:

Pieces and visuals need to take the main stage in showcasing a business that delivers quality. AVTC is to be presented as a results-first establishment where the client can begin to create a trustful relationship with the shop's resident artists.

design:

The shop's name, the ink on the skin, and the artist that delivers an excellent marking experience; thats how the conversation is driven with the client as the navigator. The details progress and a pipeline is created for each artist to connect with an interested person to guide.

delivery:

AVTC is deployed and hosted through github and github-pages and the bespoke avtckenosha.com; an AWS S3 Bucket used for media referencing.

next steps:

overview:

WIP galleries experiment with the capacities of extrapolating the elements of a mainstream website in order for the curated works to take the prominence of the screen. The power behind the application continues as artists make WIP their own platform for showcasing their efforts and guiding viewers through their personal collections. Users are invited to create their own profiles and manage several artistic personas and their respective bodies of work.

problem:

Contrary to an ambulatory experience, virtual galleries allow for the user to navigate through a collection of works with reliably static elements contrasting the constant flow of works through the screen. WIP aims to challenge that formality.

solution:

The content is to be alive and transform as one in a physical gallery experience. Elements shift (without abandoning the spectator's perception) as the attention is called to the depths of a piece's detail and furthermore into all of a the artist's curated conceptions.

research:

Physical galleries- then virtual ones. The behavior of a gallery in a physical experience varies as way-finding is not something you always have in sight, objects orbit, they hide behind each other, and the odd case implies that the spectator is alone. There's always movement and life inside the space.

synthesis:

The viewing experience is enriched by the conversation that the space can hold with the spectator.

design:

Physical galleries and life through animations. In a way, WIP is an organism that can expand with the user. While the conversation is kept alive by visual arousal, the galleries are proposed with ever-changing piece positioning and tectonic informative elements.

delivery:

WIP is deployed on Heroku while the files are kept in a GitHub repository; an AWS S3 Bucket used for media referencing.

next steps:

overview:

Conceived from an exercise of recreating the logic of Simon, the handheld, sim[]n is the concept extracted from the original. It is is transferred into devices with the view of a tectonic shape replacing the monolith most of us know.

problem:

With the intention of exercise, a frontend web application experience is to be created around the logic of a childhood game.

solution:

A web application that is ready to explain its use and carry out an extensible interaction with the user.

research:

Research was purely personal preference. Find and sort though different software-based and non-software-based pastimes that can propose a Javascript-able input-based experience.

synthesis:

The initial logic behind Simon is straightforward and scalable in itself, thus proposing an opportunity to explore more presentation and input opportunities.

design:

Upon the logic's abstraction from the physical object, the element is created with its own designable input spaces and animations. Solid pieces are minimized to the perceived object(s) used to view the experience and interact with such and the experience is scalable as much as input and view options allow for each device.

delivery:

sim[]n is deployed and hosted through github and github-pages.

next steps: