Where the design community meets.
Designer @ ashrafali.net Joined about 9 years ago via an invitation from Axel B.
Proto.io allows HTML5 export though you need to dissect the code to place it where you want. It’s similarly a Canvas export.
Another option is light animations in Webflow. You can do more complex stuff with Lottie integration and AE.
I agree, the UI challenge is tough. I still think you did a great job overall. Perhaps seasons would also be an appropriate sort vs months. Seeing sunsets change over the seasons has a special something (or you can go full on http://www.kurashikata.com/72seasons/ but that's another path :)
Keep on shipping! Thanks
I really appreciate when designers like yourself create such beautiful and niche creative ideas, executed well. The calendar grid of photos gives a really nice glance at the sheer amount of work that went into capturing that story of a sunset. I LOVE the little data strip on the bottom of the framed and print versions. Great touch.
Your photography work is compelling. Thank you for capturing so many gorgeous sunsets. What camera did you specifically use?
Questions: Do you believe showing it in a framed context is the best way to showcase the work? Or perhaps unframed is the better default? (I see the latter but perhaps you could provide more insight?) Would it be possible to overlay the data on the photo with a tap/hover to be able to see at a glance photographic and weather details of the shot?
I do wish a few small tweaks: I want to be able to swipe to the next one on mobile. It would feel more intuitive to navigate. I would moving musings higher up, after the picture, because the storytelling is more captivating than just scrolling through data (though valuable). The location presentation of coordinates is nice but I would have appreciated a Google Maps embed for the single photo there as well (for quick contextualizing). I wasn’t able to find a universal shortcut to take me back to year view without using my browser back button.
Thank you for sharing and keep the creativity flowing!
I like having every design software be available instantaneously. For instance, I sometimes keep Photoshop, Illustrator, InDesign, and a web browser open all at once to work between the applications quicker and round trip work flows.
Now, in the midst of this workflow, let’s say I open up Evernote to grab some notes, play a YouTube video tutorial, and run Media Encoder in the background? RAM makes a host of a difference. RAM makes even more of a difference when each one of those design tools you multiply the artboards, image files, etc.
Uh, I multitask a lot, lol.
Thank you so much! Really really appreciate it.
I’d love a dribble invite if you have one https://dribbble.com/nerveband
First, I'd like to say, excellent work pushing to production. It looks visually stunning and the use of type is tasteful. The mobile breakpoint also comes off beautiful.
I'm not sure if I am convinced about the hierarchy of the content.
It seems the purpose of the site is to serve as a soft marketing tool to recruit more designers to work with Intercom. I would reposition the "What we believe" and "How we work" buckets higher up, above the blog posts and case studies. For me, when discerning what company I work with, it's so important for me to see how serious the company is about design. I can understand that best through a good vision for design.
Perhaps even a table of contents for the page so that I know what to expect immediately as soon as I jump in.
Having a "Learn more about intercom" or creating a brief aside about Intercom and the type of product it is can also speak better to the challenges designers would face while working with the company.
I noticed that the Learn More links go to Google Docs links, which are probably like internal wiki links. The page would find more value integrating that content directly, even it's a subpage. At the very least, the design process looks so well thought out, I wonder if that was considered for implementation.
Finally, just for overall visual hierarchy, I'd recommend that some of the descriptions and subtext have a softer color, so that the most important text is readable on a quick scroll.
I hope some of this feedback helps! Thanks again for a great product. If y'all had a remote position, I'd jump right in and apply :)
Woah, this is fascinating. I'm on the other end of the spectrum! I've been in agency world for the last 5 years and not been able to break into Senior role in Product Design. I'm also a jack-of-all-trades/generalist in my skillset so I empathize with you!
I've worked up the ladder from Junior Art Director to Senior Interactive Art Director, all in agency land. It has been a fascinating and wonderful ride, with a lot of good learnings along the way.
When it comes to your portfolio. the key thing for agencies is your understanding of client relationships and client work in general. Concepting and selling your concept work is highly valued from a work perspective—how strong is your idea? How interesting or captivating is it? Does it sell while being memorable and showstopping?
I'd focus on showcasing through a client lens the projects that you work on. For instance, imagine if your client was ACME and you created a mobile app to crowdsource bicycle sharing. You'd say all the same things you'd say in a typical Product Designer portfolio, except frame the story as "client's problem" and "our solution to client's problem" along with things you learned along the way.
Other things that help with breaking into agencies include: —Showcasing your collaboration skills with copy, editorial, project management, strategy, data, and account —Showcase your thinking with a design process that you embody, from start to finish —Apply to jobs via LinkedIn, through 2nd and 3rd degree connections and their related companies. Networking and relationships help you break in much quicker to a role. (If you are interested in a NY or DC role, lmk and I'd love to help out.)
All in all, best of luck and God speed :) Feel free to send any other questions you have.
Never wanted to smash the upvote button so much.
This is really awesome. I really appreciate you sharing this. I think it's a solid entry into a web app and a clever way to test the waters with your CS skills. Keep onward!
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.