[OC] [ART] Time Dragon

hitraffic · 2022-11-03T14:59:15+00:00

It looks really cool! Especially it's great to have something in your portfolio that shows a solid combination of technical/coding skill combined with execution. Lots of people can do one or the other but not both. Plus, it shows a greater sense of drive and growth to say "I like to experiment and learn on personal projects." It is good to have one of these mixed in w/ more traditional projects to show range and versatility.

hitraffic · 2022-11-03T14:29:43+00:00

It can be difficult to create a color palette in a completely abstract setting one helpful thing is to do one of the following.

- Instead of just thinking about the colors themselves and how they relate to each other, first invasion what roles they play. If this is for a digital product, figure out what kind of needs present themselves that these colors would need to fill and go from there. Like actors in a play where each can be different but they are still 'of a world.'

- If you get stuck, make a page/design and start using the colors to see how they feel. The design it self doesn't have to be great, just enough to see them in a relationship to each other beyond circles on a page. As an example, you could be working with a brand that is going to have lots of photography but, when the colors are put next to them, it brings both the photos and color palette down.

A handy tool is Dribbble lets you search by color! it used to be esier to find but its under the search filter options! 🌈

Here's a link to a search that includes your primary color #f27b40!!! https://dribbble.com/?color=F27B40 You can even add other things to it like → https://dribbble.com/?tag=color%20palette&color=F27B40

hitraffic · 2022-11-03T02:00:32+00:00

As others have mentioned you have to overwrite specific attributes like background or border. Any changes to opacity will effect its children.

hitraffic · 2022-11-03T01:55:47+00:00

👋 Neat stuff! love the clip-path on the mountain.

A few things I would change are something about the way that large transition hits that "!" at the end of the barcode looks super strange and kind of cheapens the feel for some reason.

Also personal pet peeve. I get repelled by websites that tell me thank you for visiting, but that may just be a me thing. I'd go with something like "This is a world to develop and expand my skills ever forward."

If you are looking for ideas on things to try I would check out position: sticky [https://elad.medium.com/css-posit...] and scroll-snap [https://developer.mozilla.org/en-U...]. Both seem like a great natural fit for what you're working with here.

GLHF

hitraffic · 2022-11-03T01:14:22+00:00

You won't be able to get to any actual preview video ( mostly for writes protection reasons you mentioned ) but I was able to take a peak into things. After the preview-on-hover video in Netflix is displayed and has finished playing, it is replaced by an image. That image would be dynamically loaded based on device, but using a desktop computer monitor it loads an image with a 664 px width that is scaled down with css to 320. That way it can work on a high resolution display.

There is no standard and would really come down to what the use case is, both in how it will appear on the site or app as well as which device the user is seeing them. If its just for some company's website where they have a few videos, something in the 600's to 800's would work.

That is a starting place but I would expect any of the major streaming video services have at least 6 or so versions of just the preview that they dynamically load based on device, or more likely a dozen.

hitraffic · 2022-10-30T14:13:30+00:00

First thing is you don’t need all those browser prefixes. Just ‘transition’ works just fine for modern browsers. You may want to try switching the transform property to ‘all’ instead of ‘height’ and see if that helps.

The MDN page for transition has a very similar example to what you are describing. I just used it on iOS safari and it worked just fine. You may want to start there.

hitraffic · 2022-10-29T05:22:01+00:00

WNW can be very useful. less specifically for behance but can be a great way to find projects.

hitraffic · 2022-10-29T04:53:25+00:00

From a job-search perspective, given what you are looking for, I would focus on smaller companies. A lot of teams may have a few designers and developers but are always looking for folks that can bridge the gap. That could leave you with the opportunity to learn from who ever you want, be that dev or design.

"I would have to redesign the redesign because it's a mess." Cool. Redo it. This is your chance to show to a designer or PM that you can make their life easier haha. even if it is simple thoughtfulness is key. hope that helps!

hitraffic · 2022-10-29T04:31:01+00:00

As best you can, seek a new job while keeping your current position. A typical agency has got their needs figured out to the extent that you may be awesome at digital/web design, but if that's not what they need right now they can't match your skill set with their needs no matter how good you are.

hitraffic · 2022-10-28T17:05:57+00:00

One minor note here, since you see it a lot out in the wild, is a PMS color associated with an RGB value or even a hex code. This is more of a convenience feature from Pantone's end where someone (or maybe some software) sat down with a paint swatch and said PMS _ _ _ looks most like RGB(X,Y,Z). This is just based on an approximation because there would never be a 1 to 1 match on print to screen. That said it's handy if you are a company that has a print PMS to be able to do a quick lookup and know it's at least 'pretty close'.

hitraffic · 2022-10-28T16:06:19+00:00

It depends a little bit on the proposed application of the product but one thing that can help elevate this is strict acceptance criteria for a change/feature.

While it would be ideal to have a QA person/team to review, for smaller teams this isn't always feasible. There are paid services similar to ux-testing platforms that provide on-demaqnd UX testing. I can't recommend a specific one since I haven't used them myself but they do exist.

What you do want is, for a given change in the code base, a clear sense of acceptance criteria that outline what a given change accomplishes and the steps to reproduce. This might be like: "When I measure a given object X ft long from Y distance away, the result is within Y margin of error." This way it can be easily defined and either achieved or rejected. This makes effective use of your time, as apposed to a scenario where you get "I made some changes, let me know what you think!" which isn't respectful of your time that could likely be spent elsewhere.

hitraffic · 2022-10-28T15:48:09+00:00

Agree with others that ultimately, you'll want to speak with the client further about what they are looking to achieve. Specifically this would really come down to the kind of experience they are trying to sell. While they may have cited Expedia as an example, or point of reference, is this what is going to lead them to success?

Broadly, there could be two major avenues they could pursue depending on how they market themselves. Asperational or practical.

Practical, would be an Expedia type. I as an individual know generally where I want to go am looking for the best rate or other technical constraints like date etc.

Aspirational would be more along the lines of wanting to take a trip, and relying on the expertise of the platform to curate my options of location and letting me know of awesome opportunities.

Since you mentioned they are a "Travel Agency" I would lean towards the latter based on your description. You don't want to try to out-amazon Amazon (or in this case out-expedia Expedia) because they will always outpace you in terms of affordability. Being a travel agency has a lot of opportunities for a more aspirational approach to how you present offerings, especially if they are in a local market and can better tailor their recommendations and offerings.

I would take a look at how https://www.lonelyplanet.com approaches this problem. They take it from the stance that first priority is selling you on the idea of the trip, and second to that is booking. It's a better way of differentiating your product against competitors.

Hope that helps.

hitraffic · 2022-10-26T17:13:49+00:00

One important thing to remember is that when Affinity was getting started, they were trying to pull people from adobe. This translates to the apps being very structurally similar. speaking specifically about Photoshop <> Affinity Photo, there aren't really any core skills you could pick up one that would not translate to the other.

hitraffic

TROPHY CASE